angular 后台管理系统 一：ui选择 1: 通过bootstrap实现栅格化布局（适应各个平台） 1.1后台管理有丰富的页面结构和美观的页面设计，通过bootstrap的强大自适应能力，可以实现页面用一次布局实现多个平台、设备的兼容问题 二：框架选择 2.1：jquery 2.1.1：jquery是使用最多的插件之一，和bootstrap配合使用可以更加快速便捷的实现很多需要大量原生才能实现的东西，jquery有优秀的DOM获取能力，还有目前最好的兼容能力！ 2.2：node 2.2.1: node是目前最火的一个前台模拟后台的东西，它可以帮助我们更好的完成项目的线上模拟部署，数据的模拟渲染！同时还有很多丰富的插件供我们使用！本次后台管理使用的gulp,web-server,mockjs都是node丰富的插件！可以更好帮助我们起本地服务和数据得模拟 2.2.2：gulp 一个管理文件一个工具，可以用来对代码就行工程化管理 2.2.3：web-server 一个用于起本地服务的模块，里面有丰富的选项，本次后台管理主要的数据用的是web-server的middleware这个中间件，和node的URL模块，拦截请求的地址栏参数，返回相应的数据，模拟后台数据端口 2.2.4：mockjs 方便前端前期模拟后台的数据，让后期的真实数据现在更好的展示在前期开发页面中 2.3：bootstrap 2.3.1: bootstrap bootstrap自带的js方便更好的调用bootstrap的自带插件 2.3.2: bootstrapPaginator 一个基于bootstrap的一个分页插件，和bootstrap配合使用效果更好 2.4：angular 2.4.1：angular本管理系统的核心库，主要用于数据处理（指令之间的数据切换，数据可以通过$emit(）发给父路由，或者通过$broadcast()向子路由发送数据，$on(监听数据的数据 )、重复模板的复甩（directive的使用，使用自定指令让页面的复用率，利用自定义指令里面的link、compile参数可以对自定义编译之后，插入之后的dom进行事件绑定和一系列的操作！）、ng的各种指令实现页面的数据渲染，同步页面的数据内容，同时利用angular的数据当前数据渲染使页面加载效率更加高，请求什么页面渲染不同的数据页面，是数据改变页面的变化！ 2.4.2：ui-router angular的一个插件，用于路由的切换，使用ui-view实现路由的之间的嵌套，ui-sref实现路由之间的切换，路由之间的参数传递在ui-sref:（路由跳转地方 （{data:num}））后面以对象的方法传递参数），路由的定义使用state,里面的参数resolve帮助路由获取数据； 3：H5 3.1：FileReader用于上传本地文件，new之后得到一个获取上传文件的类数组，通过readAsDataURL得到路径信息，通过onload监听生成的base64位的文件信息，找到相应的dom赋给其背景色 3.2：localstorage本地存储，可以模拟点击之后用H5新增的localstorage的存储暂时保存到本地，方便前期开发！后期再通过H5的FormData，上传的服务器，收到后台返回的数据在渲染页面