今天主要进行的内容是任务8的上传图片

1. 首先是更改了一下页面布局

最开始做的跳转页面部分，每次加载页面都把侧边栏和上边栏这两部分重新加载一遍，比较麻烦

更改了一下嵌套路由，每次加载的时候都只加载内容区

<div class="left-wing"></div>

<div class="right-wing">
    <div class="nav-right"> <span class="cell">admin</span> <i class="fa fa-power-off fa-2x" aria-hidden="true"></i>  </div>
    <div ui-view=""></div>
</div>

像这样，将主要内容区使用ui-view加载，最开始先进入welcome页面。然后点击侧边栏按钮跳转到 article页面，然后对article页面进行操作

<ul class="dropdown-menu"  id="dropdown-menu2">
    <li><a href="" ui-sref="home.form">Article列表</a></li>
</ul>

为该导航栏加上页面跳转链接ui-sref

2. 点击新增页面

为新增按钮增加一个ng-click事件

<button type="button" class="res-btn" ng-click="chgInfo()">+新增</button>

跳转到新增页面

$scope.chgInfo = function () {
    $state.go("home.add",{})
}

新增页面的html文件和form页面构造基本相同

3. 图片新增

在网上找了一个插件，但是粘上去发现bug很多，还在改

遇到的问题

更改了页面加载的布局之后，发现

.state("home", {
    url:"/home",
    templateUrl: "view/home.html"
})

必须要有这个部分页面才能正常加载

这个是页面的基础部分，在这个之上才能加载home.add和home.form等页面