8_9教务管理系统

随后开始写原型界面。

先创建文件夹：

并把素材和js css文件等等放在这个文件夹下：

然后在 教务管理系统\原型设计\view\system\staffinfo 下创建页面：

staffinfo_list.html:

staffinfo_add.html:

staffinfo_show.html:

staffinfo_update.html

具体源码后面会专门给出。

前端的一些小知识点：

form-horizontal  水平形式
bootstrap网格系统把width=100%分成12等分，col-xs-6  col-md-3中的数字6和3就是占6格和3格的意思。
里面的xs和md是不同屏幕显示时用到的，最小屏幕小于等于768px的用xs(就是特小号)，md是middle的缩写，是在970px屏幕时显示的格式。显示大小从小到大有xs(<=768px) sm（750px） md(970px) lg(1170px)。
margin-bottom 属性设置元素的下外边距。
注释：允许使用负值。
通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将 label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了。
control-label：文本跟随标签
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
<tr> 标签定义 HTML 表格中的行。
tr 元素包含一个或多个 th 或 td 元素。

接下来导出之前设计的SQL脚本：方法

http://jingyan.baidu.com/article/7082dc1c48960ee40a89bd38.html

然后向mysql中导入sql文件：

导入成功：

加入mybatis插件：

http://download.csdn.net/download/pengyufight/9611625

包括文件与使用文档。（8.6版本不能直接使用该办法安装插件）