AngularJS总结,页面显示json串优化,select2插件的使用

如何修改规格和规格选项

AngularJS总结,页面显示json串优化,select2插件的使用_第1张图片

规格修改的时候我们不能直接用update,因为update只能根据主键修改或者根据条件修改,然而当我们在页面点击删除或新建的时候数据库并没有发生变化,就会导致新添加的或者删除的值没有存进数据库,而且根据条件修改,设置条件为specid,修改一个也会导致所有的都变成一样的,所以我们采取先全部删除然后再添加的方式,这样就可以保证新增或者删除规格选项的时候数据库也会同步变化.AngularJS总结,页面显示json串优化,select2插件的使用_第2张图片

页面显示json串的优化

后台传过来的是对象的json串形式我们显示到页面上的也是json串形式,不便于阅读,我们可以在前端页面写一个脚本工具,遍历后台传过来的json串,

更改前:

AngularJS总结,页面显示json串优化,select2插件的使用_第3张图片AngularJS总结,页面显示json串优化,select2插件的使用_第4张图片

更改后:

AngularJS总结,页面显示json串优化,select2插件的使用_第5张图片

AngularJS总结,页面显示json串优化,select2插件的使用_第6张图片

select2插件的使用

1.select2插件实现了下拉框多选,调用的时候首先要导入select2相关的js文件和css文件,必须在调用angularjs相关文件之后

AngularJS总结,页面显示json串优化,select2插件的使用_第7张图片

2.需要在body中初始化该方法,因为新建的绑定时间已经被entity赋值给占用了,只能使用初始化使他生效

3.定义input标签,需要以下属性

AngularJS总结,页面显示json串优化,select2插件的使用_第8张图片

4.我们需要查询brand和specification数据,需要自己定义SQL语句,同时注意要给返回的name起别名text,因为json串中的属性名就是text,此处起别名的作用是因为最后我们需要调用baseController中定义的循环遍历方法来拿到json串中的指定属性,否则一整个json串都显示出来不符合要求.

  

 

 

你可能感兴趣的:(学习记录)