5/8 重写前端 补充授课教师管理

之前的前端部分实在是太丑了,所以开始重写。我这部分后台嘛,大多数页面主要就是个表格,或者是个表单。翻了翻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",另外,所有的链接也都是默认造型,以后找找看有没有好看一点的。


之前的授课教师管理都是在教师那边的入口来操作的,不过想了想还是应该在课程这边提供一个接口,方便直观的查看课程下的所有教师,所有补充了一个授课教师管理部分。关于代码,增删都是复用了教师入口那边的方法,课程相关教师列表复用了课程所属学院的部分。补充了添加授课教师时验证用户是否是教师的部分。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值