ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

学习类网站设计(2)用户界面/登录界面设计和核心代码

2021-07-07 21:02:42  阅读:244  来源: 互联网

标签:界面设计 用户界面 登录 文件 英语 nbsp Dreamweaver CS6 上传


核心功能:模块设计部分

运行环境:Dreamweaver CS6

<ul id="MenuBar1" class="MenuBarVertical">
      <li>
        <div align="center"><strong><a href="../lingjichu.asp">零基础入门</a></strong></div>
      </li>
      <li>
        <div align="center"><a href="../zxyjiaoyu.asp"><strong>中小幼教育</strong></a></div>
      </li>
      <li>
        <div align="center"><strong><a href="../listen.asp">英语听说</a></strong></div>
      </li>
      <li>
        <div align="center"><a href="../CET46.asp"><strong>四六级</strong></a></div>
      </li>
      <li>
        <div align="center"><a href="../kaoyan.asp"><strong>考研英语</strong></a></div>
      </li>
      <li>
        <div align="center"><a href="../chuguo.asp"><strong>出国留学英语</strong></a></div>
      </li>
      <li>
        <div align="center"><a class="MenuBarItemSubmenu" href="#"><strong>趣味学英语</strong></a>
          <ul>
            <li><a href="../111/8/Joel Hanson - Traveling Light.html"><strong>听歌学英语</strong></a></li>
            <li><a href="../111/7/ceshi123.html"><strong>看电影学英语</strong></a></li>
            <li><a href="../111/9/读美文学英语.html"><strong>读美文学英语</strong></a></li>
          </ul>
        </div>
      </li>
      <li>
        <div align="center"><a href="../fankuibiao.asp"><strong>意见反馈</strong></a></div>
      </li>
    </ul>

查询、更新、上传、删除模块的实现

核心功能1:上传(增加)记录

运行环境:Dreamweaver CS6

<form id="form1" name="form1" method="POST" action="<%=MM_editAction%>">
  <p align="center">&nbsp; </p>
  <p align="center">新 文 件 上 传</p>
  <p align="center">&nbsp;</p>
  <div align="center">
    <table width="260" border="0">
      <tr>
        <td width="75">编号:</td>
        <td width="169"><label>
          <input type="text" name="ID" id="ID" />
        </label></td>
      </tr>
      <tr>
        <td>文件名称</td>
        <td><label>
          <input type="text" name="Name" id="Name" />
        </label></td>
      </tr>
      <tr>
        <td>上传时间</td>
        <td><label>
          <input type="text" name="Time" id="Time" />
        </label></td>
      </tr>
      <tr>
        <td>上传者</td>
        <td><label>
          <input type="text" name="uploader" id="uploader" />
        </label></td>
      </tr>
      <tr>
        <td>文档简介</td>
        <td><label>
          <input type="text" name="jianjie" id="jianjie" />
        </label></td>
      </tr>
      <tr>
        <td>文档类型</td>
        <td><label for="type"></label>
        <input type="text" name="type" id="type" /></td>
      </tr>
      <tr>
        <td>文档难度</td>
        <td><label for="diff"></label>
        <input type="text" name="diff" id="diff" /></td>
      </tr>
      <tr>
        <td>文档链接</td>
        <td><label for="lianjie"></label>
        <input type="text" name="lianjie" id="lianjie" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="button" id="button" value="提交" />
          <input type="reset" name="button2" id="button2" value="重置" />
        <input type="hidden" name="MM_insert" value="form1" /></td>
      </tr>
    </table>
  </div>
  <p align="center">&nbsp;</p>
  <p align="center">&nbsp;</p>
  <p align="center">&nbsp;</p>
  <p align="center">&nbsp;</p>
</form>

核心功能2:修改和删除记录、动态属性

运行环境:Dreamweaver CS6

<form id="form1" name="form1" method="post" action="sousuojieguo.asp">
  <p>后台资料管理  </p>
  <p>
    <label for="sousuo"></label>
    <input name="sousuo" type="text" id="sousuo" />
    <input type="submit" name="button" id="button" value="按文件难度搜索" />
  </p>
  <p><a href="uploader.asp">上传新文件</a></p>
  <div align="center">
    <table border="1">
      <tr>
        <th width="168" nowrap="nowrap">编号</th>
        <th width="155" nowrap="nowrap">文件名称</th>
        <th width="143" nowrap="nowrap">上传时间</th>
        <th width="175" nowrap="nowrap">上传者</th>
        <th width="191" nowrap="nowrap">文件简介</th>
        <th width="149" nowrap="nowrap">文件类型</th>
        <th width="171" nowrap="nowrap">文件难度</th>
        <th width="145" nowrap="nowrap">文件链接</th>
        <th width="108" nowrap="nowrap">查看与修改</th>
        <th width="59" nowrap="nowrap">删除</th>
      </tr>
      <% While ((Repeat2__numRows <> 0) AND (NOT Recordset1.EOF)) %>
        <tr>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataNumber").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataName").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("Datatime").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataUploader").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataIntroduction").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataType").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataDifficulty").Value)%></td>
          <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataLink").Value)%></td>
          <td nowrap="nowrap"><a href="xiugaijilu.asp?xgid=<%=(Recordset1.Fields.Item("DataNumber").Value)%>">查看与修改</a></td>
          <td nowrap="nowrap"><a href="delete.asp?scid=<%=(Recordset1.Fields.Item("DataNumber").Value)%>">删除</a></td>
        </tr>
        <% 
  Repeat2__index=Repeat2__index+1
  Repeat2__numRows=Repeat2__numRows-1
  Recordset1.MoveNext()
Wend
%>

核心功能3:分页展示

运行环境:Dreamweaver CS6

<% If MM_offset <> 0 Then %>
          <a href="<%=MM_moveFirst%>"><img src="First.gif"></a>
      <% End If ' end MM_offset <> 0 %></td>
      <td><% If MM_offset <> 0 Then %>
          <a href="<%=MM_movePrev%>"><img src="Previous.gif"></a>
      <% End If ' end MM_offset <> 0 %></td>
      <td><% If Not MM_atTotal Then %>
          <a href="<%=MM_moveNext%>"><img src="Next.gif"></a>
      <% End If ' end Not MM_atTotal %></td>
      <td><% If Not MM_atTotal Then %>
          <a href="<%=MM_moveLast%>"><img src="Last.gif"></a>
      <% End If ' end Not MM_atTotal %>

核心功能4:查找记录

运行环境:Dreamweaver CS6

查询结果:</p>
<div align="center">
  <table width="200" border="1">
    <tr>
      <th nowrap="nowrap">编号</th>
      <th nowrap="nowrap">文件名称</th>
      <th nowrap="nowrap">上传时间</th>
      <th nowrap="nowrap">上传者</th>
      <th nowrap="nowrap">文件简介</th>
      <th nowrap="nowrap">文件类型</th>
      <th nowrap="nowrap">文件难度</th>
      <th nowrap="nowrap">文件链接</th>
      <th nowrap="nowrap">&nbsp;</th>
    </tr>
    <% 
While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF)) 
%>
      <tr>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataNumber").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataName").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("Datatime").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataUploader").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataIntroduction").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataType").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataDifficulty").Value)%></td>
        <td nowrap="nowrap"><%=(Recordset1.Fields.Item("DataLink").Value)%></td>
        <td nowrap="nowrap"><a href="xiugaijilu.asp?xgid=<%=(Recordset1.Fields.Item("DataNumber").Value)%>">查看与修改</a></td>
        <td nowrap="nowrap"><a href="delete.asp?scid=<%=(Recordset1.Fields.Item("DataNumber").Value)%>">删除</a></td>
      </tr>
      <% 
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  Recordset1.MoveNext()
Wend
%>
  </table>

标签:界面设计,用户界面,登录,文件,英语,nbsp,Dreamweaver,CS6,上传
来源: https://blog.51cto.com/nailaoer/3006514

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有