Javaweb大作业文档部分预览

本文分享了一位开发者如何从零开始,利用HTML、CSS、JavaScript、JSP、Servlet等技术,结合Myeclipse和MySQL,搭建并实现了一个包含注册登录、个人简介、留言管理等功能的个人网站的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

完整文档见https://download.csdn.net/download/gd88081801/10149302

代码文件见https://download.csdn.net/download/sereasuesue/12063101

目录

一、 作品简介 2

其他主要模块的定义 3

二、 素材的创作与编辑 4

三、 开发环境及使用技术 4

开发环境搭建 4

运行工具 4

使用主要技术 5

四、 功能实现 5

数据库设计 用户密码表和留言信息表 6

网页功能设计 6

默认主页和其他页面 6

留言管理 (查看模糊 查询 删除) 13

查询 模糊查询处理 13

留言过多采用,分页功能 13

留言删除处理 14

五、 实验总结 17

在进行搭建网站过程中出现的问题及解决方式 17

心得体会 18

 

 

 

 

 

  • 作品简介

 本网站是个人网站,设计目的展现个人风采,设计风格是根据个人喜好设计,简约唯美的风格图片以及图标现个人特色。主要功能要注册登录、个人简介、个人爱好、个人收藏、留言管理,完善个人信息等功能模块

其他主要模块的定义

页面

作用

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浏览器均可运行

 

使用主要技术

  1. 前端采用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和数据库连接,在数据库中创建一个用户登录信息表来判断是否存在该登录用户以及实现用户注册功能。

 

  • 功能实现

数据库设计 用户密码表和留言信息表

1. 总体介绍 本次项目主要以本学期所学内容为基础,采用servlet+jsp+jdbc的技术以及mvc模式进行项目开发,本次开发的内容主要以实现CRUD核心功能为主的教务管理系统,分为学生端和教师端,前端采用jquery进行数据传输以及处理,bootstap写界面。 2. 技术架构 运行环境:tomcat9+mysql5+maven3.8+jdk8 前端技术:jquery 用以数据处理以及前端验证以及生成验证码等等 Bootstrap 前端界面处理 后端技术:servelt+jsp maven进行jar包和第三方库管理 采用jspsmart进行文件的操作处理 数据库:mysql5 基于MVC的分层思想及采用jsp+servelt技术的B/S结构的应用系统,系统主要开发语言为JAVA,JSP。数据库要求使用MySQL8.0,应用服务器选用Tomcat服务器 3. 功能介绍 系统能够提供用户有好的界面 系统具有良好的允许效率 系统具有良好的扩充性,灵活性 系统管理操作简单易懂 3.1 总体结构 3.2 模块详情 学生模块: 注册: 1. 用户点击注册,进行注册; 2. 用户输入注册信息; 3. 校验数据:如果用户名重复或者两次密码校验不合格或者密码规格不符合,则提示错误信息; 4. 若信息无错误,提示注册成功,跳转到登录页。 登录: 1. 用户进入系统未进行登录则自行跳转登录页面; 2. 点击忘记密码可进行密码找回; 3. 提交信息进行校验,查看用户名密码是否为空以及是否符合格式,随后在后台进行校验,合格则进行登录跳转到用户界面; 4. 若登录信息不正确,则提示登录错误信息。 查看成绩: 1. 点击查看成绩,打印成绩列表; 2. 支持到处成绩单为pdf格式。 导出成绩: 1. 点击到处按钮; 2. 系统自动处理并到处成pdf。 个人信息管理: 1. 选择上传头像 2. 修改个人信息:按需填写个人信息,随后进行保存则覆盖修改以往的个人信息。 退出登录: 1. 点击退出登录,自动退出到首页并删除本地和服务器缓存。 教师模块: 注册: 1用户点击注册,进行注册; 2用户输入注册信息; 3校验数据:如果用户名重复或者两次密码校验不合格或者密码规格不符合,则提示错误信息; 4若信息无错误,提示注册成功,跳转到登录页。 登录: 1用户进入系统未进行登录则自行跳转登录页面; 2点击忘记密码可进行密码找回; 3提交信息进行校验,查看用户名密码是否为空以及是否符合格式,随后在后台进行校验,合格则进行登录跳转到用户界面; 4若登录信息不正确,则提示登录错误信息。 个人信息管理: 1选择上传头像 2修改个人信息:按需填写个人信息,随后进行保存则覆盖修改以往的个人信息。 学生管理: 1. 点击添加学生,填写学生信息进行添加; 2. 修改学生信息,点击修改,按需填写要修改的学生信息,进行保存覆盖修改; 3. 点击删除学生数据,提示是否删除,确定则删除,取消则不删除; 4. 查看成绩,点击查看学生成绩,单独列出学生成绩列表; 成绩管理: 1. 点击成绩管理,列出所有学生成绩; 2. 点击修改,勾选需要修改的学生,按需填写修改信息,保存覆盖修改学生信息。 退出登录: 1点击退出登录,自动退出到首页并删除本地和服务器缓存。 4. 页面设计 静态jsp页面和jquery和bootstrap 5. 数据库设计 权限对照表: 表名: role 名称 类型 长度 允许空值 是否主键 注释 uid 整型 11 否 是 权限等级 utype 字符 255 否 否 用户等级名称 分数表: 表名: score 名称 类型 长度 允许空值 是否主键 注释 id 整型 200 否 是 学号 dat 字符 255 否 否 课程1分数 Android 字符 255 否 否 课程2分数 Jsp 字符 255 是 否 课程3分数 学生表: 表名: student 名称 类型 长度 允许空值 是否主键 注释 id 整型 59 否 是 学号 password 字符 255 否 否 登陆密码 Name 字符 255 否 否 学生姓名 Sex 字符 255 是 否 性别 School_date 字符 255 是 否 入学时间 Major 字符 255 是 否 专业 email 字符 255 是 否 邮箱 教师表: 表名: student 名称 类型 长度 允许空值 是否主键 注释 id 整型 59 否 是 教师工号 password 字符 255 否 否 登陆密码 Name 字符 255 否 否 教师姓名 Sex 字符 255 是 否 性别 email 字符 255 是 否 邮箱
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值