备案控制台
探索云世界
开发者社区 数据库 文章 正文

Java Web入门项目之“网络交友”的设计与实现

2017-11-26 1281
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
云数据库 RDS MySQL Serverless，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
简介：

一 项目开发环境以及主要视图

1 开发环境：

本项目采用了最基本的JSP MVC模式（javabean+jsp+servlet）开发，数据库使用了MySQL，JDBC连接采用了JNDI连接池。除此之外，代码开发用了JDK1.8+tomcat8+eclipse for javaee，编码统一使用了UTF-8

2 主要视图：

（1）首页：

wKioL1ZbEMiQtcxuAAKbklFtEB8077.png

（2）注册

wKioL1ZbEOrQ0M5RAADceMsUAoI078.png

（3）登录

wKiom1ZbELbBUCErAAJ3SLICeNk399.png

（4）个人信息

wKiom1ZbEN3TU1GnAAKE7FB9diY784.png

（5）会员详细信息

wKioL1ZbEV2CNnsRAAJzkR4_OOs852.png

（6）文章列表

wKioL1ZbEXzwpR7tAAI0nmVvq-k199.png

（7）文章详情

wKioL1ZbEZeDsjeeAAGarjkKM74088.png

注：整个项目的主要视图差不多就是这些了，其他的我就不截图了


二 开发流程

1 简介：

用基本的JSP MVC模式开发网站，我总结的思路是这样的：（1）首先封装dao层的数据库操作（如：增删改查）；（2）前台视图页面xx.jsp；（3）在web.xml里配置servlet；（4）最后是在action层（servlet）里调用dao层里的数据库操作完成相应的功能（比如：注册就是讲用户提交的数据写入数据库中）；（4）根据操作是否成功给用户返回相应的显示页面yy.jsp

（PS:在这里我省略了业务逻辑层biz，结构太复杂对新手来说反而不容易入门。另：自我检讨下，当时写这个代码时候对分层思想不是很熟悉，所以大部分的dao层的具体操作都给写到servlet中去了）

2 以注册这个功能点举例，其他功能点可以仿照这个步骤完成

（1）dao层的数据库连接DbConn.java。返回一个Connection（这里我做的不好，只有一个数据库连接功能，其他的增删改查都写到action层里去了）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
package  com.zifangsky.OnlineFriend.util;
 
import  java.sql.Connection;
import  java.sql.DriverManager;
import  javax.naming.InitialContext;
import  javax.sql.DataSource;
 
public  class  DbConn {   
     /**
      * 通过JNDI连接池的方式
      * */
     public  static  Connection getConnection(){
         try  {         
             InitialContext context =  new  InitialContext();
             DataSource dSource = (DataSource) context.lookup( "java:comp/env/jdbc/onlinefriend" );
             Connection conn = dSource.getConnection();
             
             return  conn;                      
         }  catch  (Exception e) {        
             e.printStackTrace();
         }      
         return  null ;
     }
     
     /**
      * 最基本的方式
      * */
//  private static String driver = "com.mysql.jdbc.Driver";
//  private static String url = "jdbc:mysql://127.0.0.1:3306/onlinefriend?useUnicode=true&characterEncoding=utf-8";
//  private static String user = "root";
//  private static String passwd = "root";
     
//  public static Connection getConnection(){
//      try {
//          //加载驱动
//          Class.forName(driver);         
//          //连接数据库
//          Connection conn = DriverManager.getConnection(url,user,passwd);
//     
//          return conn;                      
//      } catch (Exception e) {        
//          e.printStackTrace();
//      }      
//      return null;
//  }
     
}

注：如果对JNDI不熟悉，可以使用注释中的那种连接方式


（2）视图页面register.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
< html >
< head >
< meta  http-equiv = "Content-Type"  content = "text/html; charset=UTF-8" >
< base  href="<%=basePath%>">
<%@ include file="head.txt"%>
</ head >
< body >
     < font  size = 3 >< br >
         < center >
             < form  action = "helpRegister"  name = ""  method = "post" >
                 < table >
                     < caption >带< font  color = red > * </ font >号项为必填项</ caption >
                     < tr >< td  align = left >会员名称：</ td >< td >< input  type = text  name = "id" >< font  color = red > *</ font ></ td ></ tr >
                     < tr >< td  align = left >设置密码：</ td >< td >< input  type = password  name = "password" >< font  color = red > *</ font ></ td ></ tr >
                     < tr >< td  align = left >电子邮箱：</ td >< td >< input  type = text  name = "email" ></ td ></ tr >
                     < tr >< td  align = left >联系电话：</ td >< td >< input  type = text  name = "phone" ></ td ></ tr >
                 </ table > 
                 < table >
                     < tr >< td  align = left >输入您的简历和交友标准：</ td ></ tr >
                     < tr >
                         < td  align = left >< TextArea  name = "message"  rows = "6"  cols = "30" ></ TextArea ></ td >
                     </ tr >
                     < tr >< td  align = center >< input  type = submit  name = "submit"  value = "注册" ></ td ></ tr >
                 </ table >
             </ form >
         </ center >
     </ font >
 
</ body >
</ html >

注：1）页头加上了

1
2
3
4
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
1
< base  href="<%=basePath%>">

是为了使项目中的所有链接的路径都是相对于项目路径的，因此即使项目的部署路径改变了也不用重新修改以前的链接路径，现在一般都会把这两句话加上


2）注册页面建议加上一个随机生成的token参数，然后分两处保存，一处是在session中，一处是在表单中，提交表单后通过比较两个值是否一样来防止不法份子用软件来批量提交注册（PS：我这里忘记写了）

表单之前添加：

1
2
3
<%
     String tokenValue = String.valueOf(System.currentTimeMillis());
%>

表单中添加：

1
2
3
4
5
6
< div >
                     < input  type = "hidden"  name = "token"  value="<%=tokenValue %>">
                     <%
                         session.setAttribute("token", tokenValue);
                     %>
                 </ div >

3）servlet中这样验证：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public  void  doPost(HttpServletRequest request,HttpServletResponse response) throws  ServletException,IOException{
         request.setCharacterEncoding( "utf-8" );
         response.setCharacterEncoding( "utf-8" );
         HttpSession session = request.getSession( true );
         
         String token = StringUtil.xssEncode(request.getParameter( "token" ).trim());
         Object token_session = session.getAttribute( "token" );
         if (token_session !=  null  && token_session.equals(token)){
             session.removeAttribute( "token" );   //重要
             continueDoPost(request,response);
         }
         else {
             response.sendRedirect( "index.jsp" );
             return ;
         }      
     }
 
     private  void  continueDoPost(HttpServletRequest request, HttpServletResponse response) throws  ServletException,IOException{
         request.setCharacterEncoding( "utf-8" );
         response.setCharacterEncoding( "utf-8" );
         HttpSession session = request.getSession( true );
         //后面的省略
     }

（3）web.xml添加一个节点：

1
2
3
4
5
6
7
8
9
<!-- 注册 -->
   < servlet >
     < servlet-name >register</ servlet-name >
     < servlet-class >com.zifangsky.OnlineFriend.servlet.member.HandleRegister</ servlet-class >
   </ servlet >
   < servlet-mapping >
     < servlet-name >register</ servlet-name >
     < url-pattern >/helpRegister</ url-pattern >
   </ servlet-mapping >

（4）servlet页面HandleRegister.java，调用了对应的javabean来保存参数值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
package  com.zifangsky.OnlineFriend.servlet.member;
 
import  java.io.IOException;
import  java.sql.Connection;
import  java.sql.PreparedStatement;
import  java.sql.SQLException;
import  javax.servlet.RequestDispatcher;
import  javax.servlet.ServletConfig;
import  javax.servlet.ServletException;
import  javax.servlet.http.HttpServlet;
import  javax.servlet.http.HttpServletRequest;
import  javax.servlet.http.HttpServletResponse;
 
import  com.zifangsky.OnlineFriend.model.member.Register;
import  com.zifangsky.OnlineFriend.util.DbConn;
import  com.zifangsky.OnlineFriend.util.StringUtil;
 
public  class  HandleRegister  extends  HttpServlet{
     private  String backNews =  "" ,pic =  "public.jpg" ;   //pic为图片信息
     
     public  void  init(ServletConfig config)  throws  ServletException{
         super .init(config);
     }
     
     public  void  doPost(HttpServletRequest request,HttpServletResponse response) throws  ServletException,IOException{
         Register registerBean =  new  Register();
         request.setAttribute( "register" , registerBean);
         request.setCharacterEncoding( "utf-8" );
         response.setCharacterEncoding( "utf-8" );
         
         //获取注册信息
         String id = StringUtil.xssEncode(request.getParameter( "id" ).trim());
         String password = StringUtil.xssEncode(request.getParameter( "password" ).trim());
         String email = StringUtil.xssEncode(request.getParameter( "email" ).trim());
         String phone = StringUtil.xssEncode(request.getParameter( "phone" ).trim());
         String message = StringUtil.xssEncode(request.getParameter( "message" ));
         
         boolean  isSuccess =  false ;   //判断注册信息是否符合规定
         if (StringUtil.isNotEmpty(id) &&StringUtil.isNotEmpty(password)){
             isSuccess =  true ;
             //判断id是否符合标准
             for ( int  i= 0 ;i<id.length();i++){
                 char  c = id.charAt(i);
                 if (!((c>= 'a' &&c<= 'z' ) || (c>= 'A' &&c<= 'Z' ) || (c>= '0' &&c<= '9' ))){
                     isSuccess =  false ;
                     break ;
                 }
             }
         }
                 
         //向 mysql 中注册用户          
         try  { 
             if (isSuccess){
                 Connection conn = DbConn.getConnection();
                 PreparedStatement preparedStatement = conn.prepareStatement( "insert into member(id,password,email,phone,message,pic) values(?,?,?,?,?,?)" );
                 preparedStatement.setString( 1 , id);
                 preparedStatement.setString( 2 , password);
                 preparedStatement.setString( 3 , email);
                 preparedStatement.setString( 4 , phone);
                 preparedStatement.setString( 5 , message);
                 preparedStatement.setString( 6 , pic);
                 
                 //执行成功返回行数大于0
                 int  num = preparedStatement.executeUpdate();
                 if (num !=  0 ){
                     backNews =  "注册成功" ;
                     registerBean.setBackNews(backNews);
                     registerBean.setId(id);
                     registerBean.setPassword(password);
                     registerBean.setEmail(email);
                     registerBean.setPhone(phone);
                     registerBean.setMessage(message);
                     registerBean.setRegisterSuccess( true );
                 }
                 preparedStatement.close();
                 conn.close();
             }
             else {
                 backNews =  "信息填写不完整或者名字中有非法字符" ;
                 registerBean.setBackNews(backNews);
             }          
         }  catch  (SQLException e) {
             backNews =  "该ID已被使用，请更换ID" ;
             registerBean.setBackNews(backNews);
         }
                 
         RequestDispatcher dispatcher = request.getRequestDispatcher( "showRegisterMess.jsp" );
         dispatcher.forward(request, response);
     }
     
     public  void  doGet(HttpServletRequest request,HttpServletResponse response)  throws  ServletException,IOException{
         doPost(request, response);
     }
}

（5）注册成功的显示视图showRegisterMess.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
     <%@ page import="com.zifangsky.OnlineFriend.model.member.Register"%>
< jsp:useBean  id = "register"  type = "com.zifangsky.OnlineFriend.model.member.Register"  scope = "request" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
< html >
< head >
< meta  http-equiv = "Content-Type"  content = "text/html; charset=UTF-8" >
< base  href="<%=basePath%>">
<%@ include file="head.txt"%>
</ head >
< body >   
     < center >
         < font  size = 4  color = blue >
             < br >< jsp:getProperty  name = "register"  property = "backNews" />
         </ font >
         <% if(register.isRegisterSuccess()){ %>
             < font  size = 3 >
                 < table >
                     < tr >< td  align = left >注册的会员名称：</ td >< td >< jsp:getProperty  name = "register"  property = "id" /></ td ></ tr >
                     < tr >< td  align = left >注册的电子邮箱：</ td >< td >< jsp:getProperty  name = "register"  property = "email" /></ td ></ tr >
                     < tr >< td  align = left >注册的联系电话：</ td >< td >< jsp:getProperty  name = "register"  property = "phone" /></ td ></ tr >
                 </ table > 
                 < table >
                     < tr >< td  align = left >您的简历和交友标准：</ td ></ tr >
                     < tr >
                         < td  align = left >< TextArea  name = "message"  rows = "6"  cols = "30" >< jsp:getProperty  name = "register"  property = "message" /></ TextArea ></ td >
                     </ tr >
                 </ table >
             </ font >
         <%}
             else{%>
             < br >< a  href = "register.jsp" >点击这里，重新注册</ a >
             <%} %>
     </ center >
     
 
</ body >
</ html >

OK，一个完整的功能点就这样做完了，其他功能点可以自行参考这个步骤完成



本文转自 pangfc 51CTO博客，原文链接：http://blog.51cto.com/983836259/1718007，如需转载请自行联系原作者

文章标签：
云数据库 RDS MySQL 版
Java
数据库
Web App开发
数据库连接
关键词：
web网络
Java网络
web入门
Java Web
web java
相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境，其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
技术小阿哥
目录
相关文章
桃李春风一杯酒
|
14天前
|
监控 JavaScript 前端开发
《理解 WebSocket：Java Web 开发的实时通信技术》
【4月更文挑战第4天】WebSocket是Java Web实时通信的关键技术，提供双向持久连接，实现低延迟、高效率的实时交互。适用于聊天应用、在线游戏、数据监控和即时通知。开发涉及服务器端实现、客户端连接及数据协议定义，注意安全、错误处理、性能和兼容性。随着实时应用需求增加，WebSocket在Java Web开发中的地位将更加重要。
桃李春风一杯酒
44 5
游客o5dx7dlccd5jm
|
1月前
|
监控 网络协议 Java
Linux 网络编程从入门到进阶 学习指南
在上一篇文章中，我们探讨了 Linux 系统编程的诸多基础构件，包括文件操作、进程管理和线程同步等，接下来，我们将视野扩展到网络世界。在这个新篇章里，我们要让应用跳出单机限制，学会在网络上跨机器交流信息。
游客o5dx7dlccd5jm
67 1
Linux 网络编程从入门到进阶 学习指南
hhzz
|
29天前
|
SQL Java 应用服务中间件
Java项目防止SQL注入的四种方案
Java项目防止SQL注入的四种方案
hhzz
33 0
源码宝
|
24天前
|
人工智能 监控 算法
java智慧城管源码 AI视频智能分析 可直接上项目
Java智慧城管源码实现AI视频智能分析，适用于直接部署项目。系统运用互联网、大数据、云计算和AI提升城市管理水平，采用“一级监督、二级指挥、四级联动”模式。功能涵盖AI智能检测（如占道广告、垃圾处理等）、执法办案、视频分析、统计分析及队伍管理等多个模块，利用深度学习优化城市管理自动化和智能化，提供决策支持。
源码宝
142 4
java智慧城管源码 AI视频智能分析 可直接上项目
4as3qn2go3ure
|
20小时前
|
Python 数据可视化 索引
PYTHON用GARCH、离散随机波动率模型DSV模拟估计股票收益时间序列与蒙特卡洛可视化
PYTHON用GARCH、离散随机波动率模型DSV模拟估计股票收益时间序列与蒙特卡洛可视化
4as3qn2go3ure
10 0
PYTHON用GARCH、离散随机波动率模型DSV模拟估计股票收益时间序列与蒙特卡洛可视化
Hugo_McQueen
|
3天前
|
Web App开发 Java 应用服务中间件
【Java Web】在 IDEA 中部署 Tomcat
【Java Web】在 IDEA 中部署 Tomcat
Hugo_McQueen
8 0
桃李春风一杯酒
|
15天前
|
XML JSON JavaScript
使用JSON和XML：数据交换格式在Java Web开发中的应用
【4月更文挑战第3天】本文比较了JSON和XML在Java Web开发中的应用。JSON是一种轻量级、易读的数据交换格式，适合快速解析和节省空间，常用于API和Web服务。XML则提供更强的灵活性和数据描述能力，适合复杂数据结构。Java有Jackson和Gson等库处理JSON，JAXB和DOM/SAX处理XML。选择格式需根据应用场景和需求。
桃李春风一杯酒
14 0
桃李春风一杯酒
|
15天前
|
前端开发 安全 Java
使用Java Web框架：Spring MVC的全面指南
【4月更文挑战第3天】Spring MVC是Spring框架的一部分，用于构建高效、模块化的Web应用。它基于MVC模式，支持多种视图技术。核心概念包括DispatcherServlet（前端控制器）、HandlerMapping（请求映射）、Controller（处理请求）、ViewResolver（视图解析）和ModelAndView（模型和视图容器）。开发流程涉及配置DispatcherServlet、定义Controller、创建View、处理数据、绑定模型和异常处理。
桃李春风一杯酒
18 1
使用Java Web框架：Spring MVC的全面指南
骚戴
|
17天前
|
Java
销售业务管理系统【Web系统】（Java课设）
销售业务管理系统【Web系统】（Java课设）
骚戴
13 5
风水道人
|
21天前
|
Java Maven
运行maven项目出现Error:java: JDK isn‘t specified for module ‘XXX‘
运行maven项目出现Error:java: JDK isn‘t specified for module ‘XXX‘
风水道人
11 0

热门文章

最新文章

  • 1
    网络名称空间在Linux虚拟化技术中的位置
  • 2
    【MATLAB】GA_ELM神经网络时序预测算法
  • 3
    实用工具推荐：适用于 TypeScript 网络爬取的常用爬虫框架与库
  • 4
    RPN(Region Proposal Networks)候选区域网络算法解析（附PyTorch代码）
  • 5
    【Shell 命令集合 网络通讯 】Linux 管理Apache HTTP服务器 apachectl命令 使用教程
  • 6
    机器学习PAI常见问题之编译包下载不了如何解决
  • 7
    网络技术基础阿里云实验——企业级云上网络构建实践
  • 8
    【软件设计师备考 专题 】网络体系结构（网络拓扑、OSIRM、基本的网络协议）
  • 9
    构建未来：云原生架构在企业数字化转型中的关键角色网络安全与信息安全：防御前线的关键技术
  • 10
    网络安全与信息安全：防御前线的构筑与维护
  • 1
    Java接口与抽象类
    13
  • 2
    Java的ThreadLocal使用
    9
  • 3
    Java线程池
    11
  • 4
    Java并发基础之互斥同步、非阻塞同步、指令重排与volatile
    17
  • 5
    Java基础教程(7)-Java中的面向对象和类
    9
  • 6
    Java数据库连接池：优化数据库访问性能
    17
  • 7
    Java内存管理：垃圾回收与内存泄漏
    15
  • 8
    使用Redis进行Java缓存策略设计
    21
  • 9
    使用Spring Security进行Java身份验证与授权
    18
  • 10
    深入理解Java并发编程：线程安全与性能优化
    46

    • 相关课程

    更多
  • Java面试疑难点解析 - Java Web开发
  • Java面试疑难点解析 - 系统架构及项目设计
  • Java编程入门
  • Java面向对象编程
  • Java高级编程

    • 相关电子书

    更多
  • Spring Cloud Alibaba - 重新定义 Java Cloud-Native
  • The Reactive Cloud Native Arch
  • JAVA开发手册1.5.0

    • 相关实验场景

    更多
  • 基于ECS搭建Java Web开发环境
  • 使用Aliyun Java Intializr进行项目开发
  • 搭建Java Web开发环境
  • Internet Information Services（IIS）部署Web项目
  • 部署基于Dragonwell的Java运行环境
    • 下一篇
    阿里云oss简介和使用流程
    为什么选择阿里云什么是云计算全球基础设施技术领先稳定可靠安全合规分析师报告
    产品和定价全部产品免费试用产品动态产品定价价格计算器云上成本管理
    解决方案技术解决方案
    文档与社区文档开发者社区天池大赛培训与认证
    权益中心免费试用高校计划企业扶持计划推荐返现计划
    支持与服务基础服务企业增值服务迁云服务官网公告健康看板信任中心
    关注阿里云
    关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务
    阿里云APP阿里云微信
    联系我们：4008013260
    法律声明Cookies政策廉正举报安全举报联系我们加入我们
    阿里巴巴集团淘宝网天猫全球速卖通阿里巴巴国际交易市场1688阿里妈妈飞猪阿里云计算AliOS万网高德UC友盟优酷钉钉支付宝达摩院淘宝海外阿里云盘饿了么
    © 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： 浙B2-20080101 域名注册服务机构许可： 浙D3-20210002 京D3-20220015
    浙公网安备 33010602009975号浙B2-20080101-4