发表于: 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;
});
如何实现点击保存排序来保存排序变更依然毫无头绪?
评论