1. Restfui实验要求
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

我们登陆成功之后,来到主页版页面
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
来到这个页面:
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
我们可以在列表页面进行增删改查:
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
加入模板引擎
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
我们Ctril+F 查询customer页面的位置
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

有了映射,我们就在Controller里面添加内容
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
return 返回值是 templates/emp/list.html 页面
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

2 公共页抽取
此时我们发现我们的这个list页面和登陆成功之后的页面的公共部分是一样的
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
我们把它抽取出来
先抽取头部
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
3种方法抽取内容
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

我们也可以更改一下
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

接下来抽取菜单栏:
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
重新运行,成功
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

3 页面高亮

把所有公共重用的页面都放到一个文件夹下,然后删除掉。
同理!!!把侧边栏的也放到文件夹下的html页面下,我们引入即可。
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

此时
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

高亮部分解决了。
接下来我们要遍历员工列表。
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
访问,然后我们让日期格式化
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
添加按钮。
(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

(23)实验 - Restfui实验要求,公共页抽取,页面高亮
(23)实验 - Restfui实验要求,公共页抽取,页面高亮

相关文章: