之前的前端部分实在是太丑了,所以开始重写。我这部分后台嘛,大多数页面主要就是个表格,或者是个表单。翻了翻bootstrap的默认css,提供的悬停表格就很好看,直接添加 class=“table-hover”就好,效果还不错。另外重写了题头之类的地方,用了h1、h3之类的标签来区分大小,添加水平线,总之比以前好看了一点。
(全部学院改成h1,加了一条水平线,table添加了class="table-hover")
详情页也是类似的修改:
对应的部分修改过的代码:
<h3>学院</h3>
<h1>
<strong><%= @department.name %></strong>
</h1>
<hr>
<table class="table table-hover">
<h3>下属课程</h3>
...
</table>
表单部分:
没有找到什么好看的input text,不过找到了好看的按钮 class: "btn btn-small btn-primary",另外,所有的链接也都是默认造型,以后找找看有没有好看一点的。
之前的授课教师管理都是在教师那边的入口来操作的,不过想了想还是应该在课程这边提供一个接口,方便直观的查看课程下的所有教师,所有补充了一个授课教师管理部分。关于代码,增删都是复用了教师入口那边的方法,课程相关教师列表复用了课程所属学院的部分。补充了添加授课教师时验证用户是否是教师的部分。