zoukankan      html  css  js  c++  java
  • [设计分析]31 v0.1 教学辅助——点名册外观详细设计

    1

    根据上图中基本外观,和上次的总体设计,最外层最好还是使用table

    <table>

    表头:<tr><th></th></tr>

    <% for循环开始 %>

       <tr id="mainTr" class="oddLine"></tr>

       通过后台代码,将奇数行偶数行设置外观样式不同,

       根据for循环变量的值,为偶数行添加class="evenLine"样式

    <% for循环结束 %>

    <tr>分页按钮部分<div></tr>

    </table>

    最主要的还是第三列内的设计:

    <td>

    <% 内层for循环开始 %>

        <span  class="span_Attendance">

              switch(读出的出勤值){case:不同的图片}

              <span class="span_classScore">这个子span中绑定课堂表现(作业)

        <span>

    <% 内层for循环结束 %>

    <asp:Imagebutton>图片按钮,用来添加新考勤信息

    下面是三个最重要的浮动层,最好使用Ajax技术:

    <div>这个div用来显示class="span_Attendance"的详细考勤信息,最好使用Ajax技术

    <div>这个div用来显示class="span_Attendance"考勤信息的编辑状态,在点击更改按钮时进入,最好使用Ajax技术

    <div>这个div用来显示添加考勤信息的浮动层,最好使用Ajax技术

    </td>

     

  • 相关阅读:
    【PHPStorm使用手册】如何设置字体大小?
    Django——admin组件简单入门
    cookie与session
    Django
    练习题
    线程理论之大白话
    队列
    初识gevent模块
    Python第三方模块安装
    Python标准模块_concurrent.futures
  • 原文地址:https://www.cnblogs.com/chutianshu1981/p/2667779.html
Copyright © 2011-2022 走看看