简易在线留言板(下)——树洞留言板

时间:2024-03-24 18:05:26

接着上一个推文 简易在线留言板(中)——树洞留言板:

http://blog.csdn.net/FlorenceZKY/article/details/74353954

接下来展示一下该系统的执行效果;

主界面:index.aspx

 简易在线留言板(下)——树洞留言板

点击右上角的“用户”—>“登录”,进入登录界面:Login.aspx

 简易在线留言板(下)——树洞留言板

点击“注册”按钮,进入注册界面:Register.aspx

 简易在线留言板(下)——树洞留言板

普通用户登录系统后,进入主界面,最高一栏会有所改变:

 简易在线留言板(下)——树洞留言板

点击导航栏的“树洞留言”,进入EditBlog.aspx,界面如下:

 简易在线留言板(下)——树洞留言板

添加留言后,点击“发布留言”,页面就会跳转到主界面,成功的向数据库添加数据,发布留言。

点击导航栏中的“我的留言”,页面就会跳转到“MyBlog.aspx”,界面如下:

 简易在线留言板(下)——树洞留言板

用户可以删除曾经发布过得留言。

点击最高的一栏的“用户”—>“退出系统”(注销),就会返回到没有登录用户的主界面。

点击最高一栏的“用户”—>“修改密码”,就会跳转到修改密码界面,UpdatePassword.aspx:

简易在线留言板(下)——树洞留言板

简易在线留言板(下)——树洞留言板

使用账号:admin,密码:admin。使用该账号登录管理员界面:

AdminPage.aspx,界面如下,可对违法留言进行删除。

 简易在线留言板(下)——树洞留言板

管理用户界面AdminUserPage.aspx,可对违法的用户可进行删除,界面如下:

 简易在线留言板(下)——树洞留言板

在这个系统中还是有一些漏洞,母版页没有好好运用,导致界面设计的代码较多较繁琐。

本人的界面设计参考http://www.bootcss.com/p/layoutit/

Css文件从以下链接获取:

http://cdn.bootcss.com/jquery/2.0.3/jquery.min.js

http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css

bootstrap.min.js

如有问题可留言分享。