# Experiment2JSP **Repository Path**: bothin/Experiment2JSP ## Basic Information - **Project Name**: Experiment2JSP - **Description**: No description available - **Primary Language**: Java - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-04-16 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 实验二实验报告 院(系)名称:网络空间安全学院 专业班级: 17软卓1班 学号: 201741404110 姓名: 李剑波 实验题目: 实验2 JSP编程 实验日期: 2019.4.18 实验(上机)学时: 2 成绩: ### 实验内容、要求 *改写实验1,使用H5或jsp制作一个同时兼容本地账号登录和第三方登录的登录界面。 * 使用jsp制作用户登录模块的UI界面 * 制用一个用户注册jsp页面 * 制作一个错误提示页面error.jsp。 * 制作用户中心界面。 ### 采用的Java EE技术规范 * JSP的基础语法 * div+css布局 * jquery框架 ### 流程图 ![adsf](img/process.png) ### 运行该项目的流程 * http://localhost:8080/index.jsp ![adsf](img/index.png) * 点击登录导航按钮( 莞工登录可以登录 ) ![adsf](img/login.png) * 点击注册导航按钮 ![adsf](img/register.png) * 登录成功的页面( 点击莞工登录进行登录 ) ![adsf](img/indexed.png) * 点击个人信息导航按钮,展示个人信息页面 ![adsf](img/info.png) 1.hover头像出现修改头像按钮 ![adsf](img/hover.png) 2.点击修改信息按钮 ![adsf](img/changeInfo.png) 3.点击绑定信息按钮 ![adsf](img/bindInfo.png) * 点击错误页面导航按钮,错误页面展示 ![adsf](img/error.png) ### 文件介绍 1.index.jsp 网站首页 2.login.jsp 登录页面 ```java <%@ page contentType="text/html;charset=UTF-8" language="java" %> 登 录 <%-- --%>

Security Login

账户登录

记住我
第三方登录: 莞工 qq 微信 github 立即注册
``` 3.register.html 注册页面 ```html 注册用户

Security Register

注册账号

已有账号, 立即登录
``` 4.error.jsp 错误页面 ```html <%@ page contentType="text/html;charset=UTF-8" language="java" %> 哎呀~ 出错啦
返回首页 返回上一页
``` 5.info.jsp 用户个人信息页面 ```java <%-- Created by IntelliJ IDEA. User: HP Date: 2019/4/17 Time: 23:06 To change this template use File | Settings | File Templates. --%> <%@ page import="java.util.Map" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> 个人信息
infoUser 个人信息setting
修改头像

Admin

setting 账户设置

* 个人信息 修改

用户名: name Admin
邮 箱: email 1824751554@qq.com
手机号: phone_number 15999756885
学 院: 网络空间安全学院
类 型: group student

* 绑定信息 绑定

手机号:

phone_number

尚未绑定

QQ号:

qq

尚未绑定

微信号:

weixin

尚未绑定

Github:

Github

尚未绑定

```