发表于: 2017-06-13 15:28:25

1 1062


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

列表展示首页banner图信息;行业图片列表展示;

同步前台banner图的播放顺序(用户可以通过改变列表排序控制前台banner图的播放顺序)


明天计划的事情:(一定要写非常细致的内容) 

条件搜索banner图信息列表展示

增删改查banner

需求描述

作为一个后台管理者,我希望可以增删改查banner图,这样可以管理后台banner图

验收标准

点击新增后,进入新增banner图界面,新增article可以添加标题名称、从下拉菜单选择类型(首页banner、找职位banner、找精英banner、行业大图),说明栏可以添加说明,跳转链接,配图选项可以选择要上传的图片文件,下面展示图片的名称、文件大小、进度、操作,下面左边有立即上线和存为草稿两个按钮,右边有取消按钮。


遇到的问题:(遇到什么困难,怎么解决的) 

Article管理:与前台展示顺序相关联,拖动条目可编辑顺序,点击保存排序来保存排序变更?


收获:(通过今天的学习,学到了什么知识

如何实现列表项目拖动排序?

<table class="table table-striped add-table-border" ng-app="sortableApp" ng-controller="sortableController">
   <thead>
   <tr>
       <th>ID</th>
       <th>标题</th>
       <th>类型</th>
       <th>发布时间</th>
       <th>修改时间</th>
       <th>发布者</th>
       <th>状态</th>
       <th>操作</th>
   </tr>
   </thead>
   <tbody ui-sortable>
   <tr ng-repeat="item in vm.articleList track by $index">
       <td>{{$index+1}}</td>
/**
* 用户可以通过改变列表排序控制前台banner图的播放顺序
* 拖动排序,前台按顺序展示。
*/
angular.module('sortableApp', ['ui.sortable'])
   .controller('sortableController', function ($scope) {
       var vm = this;
       var tmpList = [];
       vm.articleList = tmpList;

   });

如何实现点击保存排序来保存排序变更依然毫无头绪?


返回列表 返回列表
评论

    分享到