完整文档见https://download.csdn.net/download/gd88081801/10149302
代码文件见https://download.csdn.net/download/sereasuesue/12063101
目录
本网站是个人网站,设计目的展现个人风采,设计风格是根据个人喜好设计,简约唯美的风格图片以及图标现个人特色。主要功能要注册登录、个人简介、个人爱好、个人收藏、留言管理,完善个人信息等功能模块
页面 | 作用 |
Login.jsp | 登录,检验用户名是否为空,Ajax网页的异步刷新 |
Do.jsp | 验证账号密码是否和数据库相同,显示错误信心 |
Index.jsp | 指引页面 |
Customer.java | 用户的用户名,密码 |
CustomerDao.java | 链接数据库 ,获得数据库里用户的密码 |
EncodingFilter.java | 文字过滤器 |
ValidateServlet.Java | 检查验证码是否正确 |
validateMix.jsp | 验证码生成页面 |
ftz.java。 | 该页面用于防止用户绕过登录直接跳转到其他页面进行操作 |
网站图片来源:wps画报,百度,web实验,表情包图片
音乐:酷狗音乐下载,通过audacity剪辑其中部分
Myeclipse2018和mysql和navicat for mysql(可视化mysql工具)
2345加速浏览器(IE模式 超速模式) chrome浏览器均可运行
- 前端采用HTML+CSS+JavaScript+bootsrap实现。
javaScript技术:表单验证关键字,滚动字幕 逐字显示(index2.jsp),显示日期时间JavaScript HTML DOM 事件(collection.jsp index.jsp等)
Boostrap实现响应式布局
(2)作品后端要求采用JSP、JavaBean、Servlet以及数据库等技术实现
JSP内置对象:本网站主要运用了 request, response, session三个。request主要用来获取用户输入的基本信息以及具体页面进行的操作中需要的数据。利用response来进行重定向,以及实现目的页面跳转用法为 response.setHeader("refresh","刷新时间间隔;目的页面地址");
验证码技术的使用:避免重复登录。是服务器随机产生验证码字符串,保存在session中,并写入图片,将图片连同表单发给客户端。用户输入账号密码验证码,将获取的验证码与随机产生的验证码进行比较,相同则继续进行,不同将错误信息返回客户端,避免程序的继续运行。
JavaBean:将用户登录的信息封装在JavaBean中,在需要时从JavaBean中读出。DAO本次主要用CustomerDao.java链接数据库 ,获得数据库里用户的密码
servlet这里主要用的是doGet()和doPost()。本实例主要用来验证验证码是否准确。以及使用Filter来解决常常会出现中文乱码情况。ftz.java:该页面用于防止用户绕过登录直接跳转到其他页面进行操作。该页面主要用了Filter过滤器来实现防止跳转的功能。该过滤器进行跳转页面之前进行判断是否有用户名,若有用户名则代表用户进行登录操作,过滤器放行;若用户名为NULL,则过滤器不放行,直接跳转到登录页面。
Ajax用于网页的异步刷新和只刷新网页的一小部分,可以带来更好的用户体验,减轻服务器负担,
MYSQL数据库:用JDBC将JAVAWEB和数据库连接,在数据库中创建一个用户登录信息表来判断是否存在该登录用户以及实现用户注册功能。
数据库设计 用户密码表和留言信息表