上一节中,我们把基本的环境搭起来了。本节中,我们共同来学习如果使用这个环境来开发。
大体的思想如下图:
![https://box.kancloud.cn/9b3771ce21b900fce6380cdd12170917_1308x578.png](https://box.kancloud.cn/9b3771ce21b900fce6380cdd12170917_1308x578.png)
如果我们在前面执行顺利的话,yoman已经为做好了一切,你应该得到了一个如下的目录:
![https://box.kancloud.cn/334ec836e8e37acb589995ffee2518fb_338x304.png](https://box.kancloud.cn/334ec836e8e37acb589995ffee2518fb_338x304.png)
且bower_components中有了我们需要的N个文件夹
![https://box.kancloud.cn/52f0a25d1eccaf96aba7d3c05ac31012_382x412.png](https://box.kancloud.cn/52f0a25d1eccaf96aba7d3c05ac31012_382x412.png)
如果你没有看到上图中的内容,说明我们的bower肯定有一些问题,我们在需要在当前目录(WebApp)中,执行bower install来查看错误信息,并按GOOGLE给出的建议去解决问题。
node_modules中也有了我们需要的N个文件夹。
![https://box.kancloud.cn/2e1656096c1605550eb8b69747133ae2_442x476.png](https://box.kancloud.cn/2e1656096c1605550eb8b69747133ae2_442x476.png)
如果你没有看到上图中的内容,说明我们的npm在安装时可能出现了一些问题,我们在需要在当前目录(WebApp)中,执行npm install来查看错误信息,并按GOOGLE给出的建议去解决问题。
# 检测程序
`$ grunt`
不出意外,你应该会看到一个如下错误:
```
jit-grunt: Plugin for the "karma" task not found.
If you have installed the plugin already, please setting the static mapping.
See https://github.com/shootaroo/jit-grunt#static-mappings
Warning: Task "karma" failed. Use --force to continue.
```
一条警告,说karam任务执行失败。
这是由于,我们并没有安装karma这个node.js软件造成的。
安装karam系列软件来解决这个错误。
`npm install -g grunt-karma karma karma-phantomjs-launcher karma-jasmine jasmine-core phantomjs-prebuilt --save-dev`
-g: 全局安装 ,这样以后我们再需要karma的时候,就不需要再安装了。
--save-dev: 将karma等一系列软件添加到package.json文件中,这样其它成员得到这个项目时,就不会报karma这个错误了。
再运行grunt,发现错误已经被排除。
> 装环境是件痛苦的事情,如果你用了两个小时,还是报各种找不到北的错误,那么去请教自己的组长或其它成员吧。
# 启动程序
最后,我们使用grunt serve来启动程序 ,很神奇的,grunt自动为我们打开了浏览器,并且自动输入了地址。
`$ grunt serve`
![https://box.kancloud.cn/f8970173728e0f8c72c0b8b714ae28b5_1316x228.png](https://box.kancloud.cn/f8970173728e0f8c72c0b8b714ae28b5_1316x228.png)
```
> github: git checkout step7.2
- README
- 第一章:准备
- 第二章:Hello World!
- 第一节:查看工程文件
- 第二节:JDK、JRE与环境变量
- 第三节:index.jsp
- 第三章:Hello Struts
- 第一节:Web.xml
- 第二节:单入口
- 第三节:Hello Struts
- 第四节:触发C层
- 第四章:建立数据表
- 第一节:建立实体类
- 第二节:测试一
- 第三节:测试二
- 第四节:引入Hibernate
- 第五节:配置Hibernate
- 第六节:建立连接
- 第七节:实体类映射数据表
- 第八节:完善数据表
- 第五章:教师管理
- 第一节:增加数据--add
- 第二节:增加数据--save
- 1 获取传入数据数据
- 2 数据写入测试
- 3 对接C层
- 第三节:数据列表
- 1 获取数据
- 2 重构代码
- 3 C层对接--初始化
- 4 C层添加数据
- 5 V层显示数据
- 6 获取数据库中数据
- 7 显示性别
- 8 分页
- 9 条件查询
- 第四节:修改数据
- 1 edit
- 2 update
- 第五节:删除数据
- 第六节:总结
- 第六章:重构C层
- 第一节:继承ActionSupport类
- 第二节:数据验证
- 第七章:前台分离(前台)
- 第一节:环境搭建
- 第二节:运行环境
- 第三节:共享开发环境
- 第四节:生产环境
- 第八章:前台开发(前台)
- 第一节:本地化
- 第二节:教师列表
- 1 引入M层
- 2 模拟后台返回数据
- 3 C与M对接
- 4 C与V对接
- 第九章:前后台对接(前后台)
- 第一节:后台输出json(后台)
- 第二节:对接前台(全栈)
- 第二节:对接API(前台)
- 第二节:跨域请求(后台)
- 第三节:重构代码(前台)
- 第十章:重构后台M层
- 第一节:数据访问DAO层
- 第二节:项目整体重构
- 第十一章:用户登陆(前后台)
- 第一节:制定规范
- 第二节:定制测试用例
- 第三节:后台输入测试代码(后台)
- 第四节:postman(后台)
- 第五节:新建用户登陆模块(前台)
- 第六节:代码重构(前台)
- 第十二章:班级管理(前后台)
- 第一节:班级列表
- 1 原型开发
- 2 制定规范
- 3 后台对接开发
- 4 前台对接开发
- 第二节:Add
- 1 原型开发
- 2 制定规范
- 3 后台对接开发
- 4 前台对接开发
- 第三节:Save
- 1 制定规范
- 2 后台对接开发
- 3 前台对接开发
- 第四节:Edit
- 1 原型开发
- 2 制定规范
- 3 后台对接开发
- 4 前台对接开发
- 第五节:Update
- 1 制定规范
- 2 后台对接开发
- 3 前台对接开发
- 第六节:Delete
- 1 制定规范
- 2 后台对接开发
- 3 前台对接开发
- 第七节:小结
- 第十三章:班级管理(API)
- 第一节:ER图
- 第二节:create
- 1 实体层
- 2 dao层
- 3 service(server)层
- 4 action层
- 第三节:ManyToOne
- 第四节:Read
- 1 service(server)层
- 2 action层
- 第五节:update
- 1 service(server)层
- 2 action层
- 第六节:update
- 第十四章:重构服务层