电商四十、模板管理---需求与表结构分析和列表显示

①模板管理---需求与表结构分析。

打开模板管理静态原型

 

表的结构：

spec_ids：

[{"id":33,"text":"电视屏幕尺寸"}]

[{"id":27,"text":"网络"},{"id":32,"text":"机身内存"}]

————————————————————————————————————————————————————————

brand_ids：

[{"id":16,"text":"TCL"},{"id":13,"text":"长虹"},{"id":14,"text":"海尔"},{"id":19,"text":"创维"},{"id":21,"text":"康佳"},{"id":18,"text":"夏普"},{"id":17,"text":"海信"},{"id":20,"text":"东芝"},{"id":15,"text":"飞利浦"},{"id":22,"text":"LG"}]

 

[{"id":1,"text":"联想"},{"id":3,"text":"三星"},{"id":2,"text":"华为"},{"id":5,"text":"OPPO"},{"id":4,"text":"小米"},{"id":9,"text":"苹果"},{"id":8,"text":"魅族"},{"id":6,"text":"360"},{"id":10,"text":"VIVO"},{"id":11,"text":"诺基亚"},{"id":12,"text":"锤子"}]

————————————————————————————————————————————————————————

custom_attribute_items

[{"text":"内存大小"},{"text":"颜色"}]

————————————————————————————————————————————————————————

②模板管理---列表显示。

先显示数据库的json内容最后再优化列表显示。

一、修改type_template.html文件，引入相关js文件。

二、修改type_template.html文件，引入相关angularjs的ng-app和ng-controller指令。

三、放置分页控件。

四、更改循环。

 

五、后端不用改，直接测试。