1.用
AngularJS
app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了,首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css(当然是bootstrap的),代码如下:
当然要记得我们这里只是引入,还需要真正的加入这些js和css才行,具体放置位置你可以从上面的引入代码看出来,这里就不贴图了。
2.我们先做一个最简单的登录注册页面,下面是index.html中body标签中的代码:
3.不要忘了我们需要修改app.js中的路由规则,具体代码如下:
4.定义好了这些规则之后我们当然不能缺少的是login.html和register.html,代码如下:
login.html
register.html
不可缺少的还有css文件,当然这个是比较简单的,因为大部分工作bootstrap已经做完了,在app.css中加入下列布局代码:
这么简单的一些代码就可以布局出一个比较像样的前台了,虽然简单了那么点,但是还是说得过去的:
这都要归功于bootstrap的功劳啊,启动的时候需要nodejs启动,具体方法参照前一篇文章
5.好了,这就差不多实现了,挺简单吧,自己试试吧,改改样式啊啥的,bootstrap的学习去官方网站中学习吧,挺容易的,下一篇该开始写我们的js了,差不多就是些controller和service了。
后记:这几天实在是有点忙,所以忘记了更新,发布这篇的时候距离上一篇已经有近2个星期了,以后我尽量抽出时间写吧~~