围绕网页主题。
色彩要能烘托出主题。根据主题确定网站颜色，同时还要考虑网站的访问对象，文化的差异也会使色彩产生非预期的反应。
还有，不同地区与不同年龄层对颜色的反应也有所不同，年轻人一般比较喜欢饱和色，但是却无法吸引高年龄层人群的兴趣。
该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。
jdbc.driverClass=com.MySQL.jdbc.Driver
jdbc.url=jdbc:MySQL://localhost:3306/tsi
jdbc.username=root
jdbc.password=123
第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。
后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中*是不允许使用的，除非适合聚合函数一起使用才可以。
用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过JavaScript进行验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。
用户注册流程图如下图所示。
图5-1用户注册流程图
用户注册界面如下图所示。
图5-2用户注册界面
主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布博文信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。
登录流程图如下图所示。
图5-4登录流程图
用户登录界面如下图所示。
图5-5用户登录界面
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
如果公告数据的信息需要修改，管理员可以通过查询公告数据的基本信息来查询公告数据，查询公告数据是通过ajax技术来进行查询的，需要传递公告数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。
公告数据展示界面如下图所示。
图5-6公告数据展示界面
公告数据管理界面如下图所示。
图5-7公告数据管理界面
用户对博文内容进行点赞。将页面session中的用户账号userId和点赞框内容传入控制层LiuyanAction，调用addLiuyan方法，通过LiuyanDAOImp向数据库点赞插入，将结果返回lyb.jsp界面。
点赞界面如下所示。
图5-1点赞界面
用户可以在博客网站中进行照片分享。点击按钮之后会跳转至照片分享页面，上传照片提交之后，后台通过PinglunController的publish方法将相关照片信息保存到数据库系统。
照片分享流程图如下图所示。
图5-10照片分享流程图
照片分享界面如下图所示。
图5-11照片分享界面
照片分享管理界面如下图所示。
图5-12照片分享管理界面
此页面的关键是编写博文信息，包括博文标题，名称，内容等。单击提交按钮以完成信息的添加。如果未写入完整的博文信息，例如，如果未写入博文标题，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。
管理员点击左侧菜单“博文管理”，页面跳转到博文信息管理外观，调用后台博文查询所有博文信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的jsp，显示出博文信息，单击删除按钮完成博文信息的删除。
博文管理流程图如下图所示。
图5-17博文管理流程图
博文添加界面如下图所示。
图5-18博文添加界面
博文管理界面如下图所示。
图5-19博文管理界面
博客资讯管理提供系统所有最新博客资讯信息，管理员负责发布资讯内容版块，用户可以在线浏览资讯信息。管理员新增资讯版块，在bankuai_add.jsp请求添加资讯版块，响应到dao层的insert()方法，完成资讯的新增与发布。
博客资讯添加界面如下图所示。
图5-20博客资讯添加界面
博客资讯展示界面如下图所示。
图5-21博客资讯展示界面
本系统单独编写一个Pager类用于分页技术的实现，在该类中确定每一个页面显示记录的总数pageSize，同时定义总记录数totalSize、当前页currentPage和总页数totalPage这几个属性，声明一个带两个参数的构造函数，获取数据库记录的时候传入记录总数给pageSize，通过记录总数和pageSize这两个变量计算出总页数，在查询数据的时候需要通过Pager类的pageSize设置每次取出数据的最大记录数和设置起始取出记录的位置。该类中还定义了几个boolean类型的变量，用于判断是否有上一页、下一页、最后一页等等，在jsp页面显示数据的时候通过标签显示记录是否有上一页或者下一页。
">