c# - I am trying to make AngularJS/MVC Asp.Net app and I stuck while trying to get JSON data from controller -

-

task make web aplication mp3 file managment.

list of functionalities application should have:

  • adding, editing , deleting mp3 parameters (song name , author ...)

  • adding, editing , deleting playlists

  • adding mp3 files in numbers of playlists

  • searching files name, author , playlist (search should done on server)

  • view of each entry should able bookmark(add favorites) in browser

  • back , forward buttons should work on whole application in browser

technical requirements:

  • application should made single page web application fetches data using ajax calls

  • angularjs should used on client side , asp.net mvc on server side

  • data should stored in persisten storage

  • upon first start application should able add test data in database

so far have made mvc asp.net application , added sql database model first approach. has 2 tables 'playlist' , 'song' (one many relationship). later on have auto generated songcontroller , playlistcontroller (mvc 5 controller views,using entity framework).now have make angularjs on client fetches json data song , playlist controllers.

my main goal make this:https://imgur.com/a/mms2o

with functionalities respecting request

  • angularjs should used on client side , asp.net mvc on server side

now trying show playlist view inside song view (i woud list playlists under song list in same page)

  1. i have initialzed ng-app , ng-controller , other must actions when adding angular app

    2. trying json data playlist controller , part stuck

this code inside playlistcontroller.cs

public class playlistcontroller : controller {     private managermodelcontainer db = new managermodelcontainer();      // get: /playlist/     public actionresult index()     {         return view(db.playlistset.tolist());     }

and have added

// get: /playlist/plget     public jsonresult plget()     {         return json(db.playlistset.tolist(),jsonrequestbehavior.allowget);     }

the thing when go /song/plget error: https://imgur.com/iximm8x

i have tried adding this: context.configuration.proxycreationenabled = false; context nothing changes.

<#=accessibility.fortype(container)#> partial class <#=code.escape(container)#> : dbcontext {     public <#=code.escape(container)#>()         : base("name=<#=container.name#>")     { <# if (!loader.islazyloadingenabled(container)) { #>               context.configuration.proxycreationenabled = false;   // have tried write managermodel insted of context because name of context still doesnt work :/         this.configuration.lazyloadingenabled = false; <# }

so please can u give me advice on should do? maybe trying on again, using framework or maybe ssolution problem.

edit:

these models:

namespace konacno.models {     using system;     using system.collections.generic;      public partial class playlist     {         public playlist()         {             this.song = new hashset<song>();         }          public int id { get; set; }         public string playlistname { get; set; }          public virtual icollection<song> song { get; set; }     } } 
namespace konacno.models {     using system;     using system.collections.generic;      public partial class song     {         public int id { get; set; }         public string name { get; set; }         public string singer { get; set; }         public string year { get; set; }         public int playlistid { get; set; }          public virtual playlist playlist { get; set; }     } }

you playlistname model contains property list<song> , song contains property playlistname, circular reference error generataed default javascriptserializer. can use alternatives such json.net has optional settings handling these errors. solved passing data need client, either using view model or passing collection of anonymous objects

var data = playlistset.select(x => new {     id = x.id,     playlistname = x.playlistname,     songs = x.song.select(y => new     {         id => y.id,         name => y.name,         singer => y.singer,         year => y.year     }) }); return json(data, jsonrequestbehavior.allowget);

or , create view model(s) properties needed in view

public class playlistvm {     public int id { get; set; }     public string playlistname { get; set; }     public ienumerable<songvm> songs { get; set; } } public class songvm {     public int id { get; set; }     public string name { get; set; }     public string singer { get; set; }     public string year { get; set; } }

and above query becomes

var data = playlistset.select(x => new playlistvm() {     ....     songs = x.song.select(y => new songvm()     {         ....     }) });

Comments

Post a Comment

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

-
this error has shown on many times, seems. prominent answer issue seems restkit 0.20 — coredata: error: failed call designated initializer on nsmanagedobject class however, solution posted doesn't work me. let's start beginning: i want upload file server. want parse response make sure uploaded. if not, try again later. model has boolean variable called nsnumber *senttoserver purpose (in coredata, bool saved nsnumber ) . because don't know whether sending going successful, save entity coredata model first before sending via restkit. when post request successful, server returns json string this: {"id":14,"created":true} notice that, of course, id not set on coredata model yet, both id , created new informations model. here's model: @interface recording : nsmanagedobject @property (nonatomic, retain) nsstring * audiofilepath; @property (nonatomic, retain) nsdate * createdat; @property (nonatomic, retain) nsstring * deviceid; @...
Read more

java - Digest auth with Spring Security using javaconfig -

-
so i'm trying create digest authentication spring following documentation trying translate xml "requirements" in java requirements. let's have xml in docs: <bean id="digestfilter" class= "org.springframework.security.web.authentication.www.digestauthenticationfilter"> <property name="userdetailsservice" ref="jdbcdaoimpl"/> <property name="authenticationentrypoint" ref="digestentrypoint"/> <property name="usercache" ref="usercache"/> </bean> <bean id="digestentrypoint" class= "org.springframework.security.web.authentication.www.digestauthenticationentrypoint"> <property name="realmname" value="contacts realm via digest authentication"/> <property name="key" value="acegi"/> <property name="noncevalidityseconds" value="10"/> </b...
Read more

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

-
my .env: app_env=local app_debug=true app_key=myappkey app_url=http://localhost db_connection=mysql db_host=localhost db_port=3306 db_database=gestiontaller db_username=root db_password='root' cache_driver=file session_driver=file queue_driver=sync redis_host=127.0.0.1 redis_password=null redis_port=6379 mail_driver=smtp mail_host=mailtrap.io mail_port=2525 mail_username=null mail_password=null mail_encryption=null i've tried password ", ' , without, restarting server every time. i've tried changing localhost 172.0.0.1. yes, password correct, running mysql -u root -p introducing password root in prompt can go mysql. users table: +------------------+-----------+ | user | host | +------------------+-----------+ | debian-sys-maint | localhost | | mysql.sys | localhost | | root | localhost | | root1 | localhost | +------------------+-----------+ i've added homestead.yaml this: database_port: 3306 ...
Read more