WEB程序设计课程设计报告

武汉软件工程职业学院

课程设计报告

2016-2017学年度第二学期

题目：简易留言板

姓名：XXX

班级：网络1502

系部：计算机学院

指导教师：梁晓娅

日期：2017年6月19日

页脚内容1

页脚内容2

摘要

本程序用到的控件有GridView,LinkButton,TextBox,Login,Dropdownlist,Label。本程序的各页面布局采用表格+盒子实现，实用性很强。程序的后台代码在编写的过程中采用模块化，可读性强。该程序的部分页面也用了javascript。

页脚内容3

目录

综述： (1)

系统设计 (1)

数据库设计： (2)

开发实现： (3)

总结： (9)

参考文献 (10)

页脚内容4

页脚内容5

综述：

简易留言板是基于Visual Studio 2008 开发平台来开发的https://www.wendangku.net/doc/d88962107.html,网站，可实现交互功能，即用户只需注册一个账号，就可以在线与其他用户进行交流。网站的管理员可以对用户进行管理，删除用户发送的无关紧要的信息。

系统设计

图1

本留言板分为六个页面，登录页面，注册页面，忘记密码页面，主题页面和留言页面。

如图1所示为本系统的流程图

页脚内容1

数据库设计：

图2：lyUser表

如图2所示，lyUser表把UserId作为主键；

图3：lyUserinfo表

如图3所示，lyUserinfo表把UserId既作为主键，又参照lyUser表作为外键；用来存储注册的用户。

页脚内容2

图4：lyzhuti表

如图4所示，lyzhuti表把Zhutiid作为主键，用来存储用户创建的主题；

图5：Tishiquestion表

如图5所示，Tishiquestion表用来存储注册时用于用户找回密码的提示问题

图6：lyMessage表

如图6所示，lyMessage表中Zhutiid参照lyzhuti表，UserId参照lyUser表，把UserMeassageId设为主键，并自动增长。用于存储用户发送的信息。

开发实现：

将自己开发完成的模块界面截图，并分别详细描述其实现的功能。

页脚内容3

图7：系统登录界面

如图7所示，当用户输入的用户名和密码均正确时，将会跳转到主题页面。如果用户名输入的是管理员账号，将会跳转到校园留言管理平台。如果用户没有注册账号，可点击注册进入注册页面。同理，如果用户忘记了密码，则点忘记密码可跳转到找回密码页面。

图8

页脚内容4

图9

如图8和图9所示，如果用户进入了找回密码页面。只需输入用户名，系统会自动显示用户注册时选择的问题，只要用户输入的答案正确，就可以获取新密码并跳转到登录页面。

页脚内容5

图10

图11

如图10和图11所示，当用户进入注册页面的时候，系统会判断用户输入的用户名是否存在，如何不存在，才能进行注册。用户必须确认密码后才和填写问题答案后才能注册成功。如果用户注册成功，系统会自动跳转到登录页面。

页脚内容6

图12

如图12所示，当用户登录成功后会进入此页面。用户可以选择别人创建的主题进入讨论，也可以自己创建主题。当用户单击创建主题的时候会在页面弹出一个对话框，如果用户输入了主题的名称，则用户可以进入自己的主题。

图13

如图13所示，当用户选择了相应的主题，则可以在留言区与其他人进行讨

页脚内容7

论，讨论的字数限制在200字以内。

图14

如图14所示，用户名为管理员，当密码输入正确后。将会进入图15的管理平台

页脚内容8

图15

如图15所示，在这里可以看到每个用户发送的每条信息。如果管理员想删除某一条信息，只需单击删除，便可将该条信息删除。删除后的界面如图16所示。

图16

总结：

通过本次课程设计，我基本掌握了https://www.wendangku.net/doc/d88962107.html,服务器控件的使用，也通过此了解网站的实现过程。在开发留言板的时候，遇到了很多困难。但是通过查阅资料，我成功的解决了这些问题。我觉得我们在平时学习中应注意多留一个心眼，不能疏忽。程序做出了虽然有很多bug.

但我们的目标是Debug.只有掌握了基本知识，才能在后面的实训中得心应手。虽然这个程序做好了，但它还是有很多不足的地方因为时间仓促未能完成。

页脚内容9

参考文献

https://www.wendangku.net/doc/d88962107.html,程序设计教程C#版崔淼主编2010.8

页脚内容10

Web程序设计实验报告

Web程序设计实验报告 姓名：冯刚 学号：200905030324 班级：计科3班

Html代码： 1.首页代码