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

如何修改规格和规格选项

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

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

页面显示json串的优化

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

更改前:

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

更改后:

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

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

select2插件的使用

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

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

2.需要在body中初始化该方法,因为新建的绑定时间已经被entity赋值给占用了,只能使用初始化使他生效Stage4-day04-AngularJS总结,页面显示json串优化,select2插件的使用Stage4-day04-AngularJS总结,页面显示json串优化,select2插件的使用

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

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

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

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