一、作业简介:
说明:我分到的是上海交通大学-生命科学技术学院
网址:https://life.sjtu.edu.cn/
二、作业流程:
前台:
1.确定技术点(是自己搭建,还是用框架)
2.搭建首页、所有的静态页面(使用到母版页--实现代码的复用性)
3.搭建详细页、列表页---这步是静态的(内容是写死的,只是为了看页面不加班),并未与数据库建立连接
4.实现每个页面之间的跳转,使链接有效
5.建立数据库,需要使用到的表
6.前台与数据库建立连接
7.在列表页实现分页效果(读取数据库的信息)
8.将列表页和详细页进行绑定,传参,确保标题和内容相符。
后台:
1.使用模板(老师给后台模板了)
2.登录页面进入后可以跳转到首页,可以退出登录,可以对数据进行CURD
3.实现对数据进行CURD操作,并对数据库进行实时的改变。
三、技术选型:
1.使用的bootstrap框架进行开发,轮播图和下拉导航菜单使用懒人图库实现;
2.使用Microsoft Visual Studio 2010软件、Access数据库;
四、效果:
1.首页:
说明:各个二级菜单都是可以实现跳转的
2.文件介绍:
五、遇到的难点:
1.母版页的使用
a.新建母版页之后,代码分布
b.把可以复用的代码(头部,导航,尾部)直接写,内容部分需要使用上图中<asp:ContentPlaceHolder></asp>这个标签来留出空(注意记住 id);
总结:哪里需要修改,就在哪里留个出口
c.在使用母版页的时候步骤,需要在文件的头部加上如图的这条代码
d.把文件中的<html><head><body><form>标签全删掉,需要填充的部分就要使用母版页当中留的出口部分,只需要将代码写入即可。