4.1 问题

本例要求选购一台ECS云服务器，在真实环境实现Web论坛的构建过程，相关操作如下所述。

选购一台ECS云服务器
	
上传Discuz!论坛代码到云主机的Web网页目录
	
完成Discuz!论坛系统的安装
	
从浏览器访问你的论坛
访问 http://你的云主机的公网IP地址 看到论坛用户页
	
访问 http://你的云主机的公网IP地址/admin.php 看到论坛管理页
4.2 步骤

实现此案例需要按照如下步骤进行。

步骤一：选购一台ECS云服务器

本案例为短期使用，配置云主机时选择按需付费、按流量计费、购买弹性公网IP（方从便互联网访问测试）即可，如图-20所示。



图-20

云主机创建成功以后，确认其状态为“运行中”。

找到这台云主机的公网IP地址，比如139.9.247.50，如图-21所示。



图-21

步骤二：上传Discuz!论坛代码到云主机，并部署为 /var/www/html/ 目录

1）安装LAMP网站平台

通过Putty或者Xshell工具远程登录这台云主机（139.9.247.50），方便命令行进行管理操作，如图-22所示。



图-23

通过命令行安装LAMP组件，并启用httpd、mariadb服务。


[root@hw-websvr1 ~]# yum -y install bash-completion
.. ..                                     //安装Tab补全的支持包，断开重连后生效
[root@hw-websvr1 ~]# yum -y install httpd mariadb-server mariadb php php-mysql
.. ..                                     //安装LAMP组件
[root@hw-websvr1 ~]# systemctl enable httpd mariadb --now
.. ..                                     //启动LAMP平台

注意：如果云主机上装软件包下载速度特别慢，建议及时更换其他yum源。更换源的操作参考如下（采用网易的CentOS7的源）。


[root@hw-websvr1 ~]# cd /etc/yum.repos.d/
[root@hw-websvr1 yum.repos.d]# mkdir repobak
[root@hw-websvr1 yum.repos.d]# mv *.repo repobak/
[root@hw-websvr1 yum.repos.d]# wget http://mirrors.163.com/.help/CentOS7-Base-163.repo
--2020-04-25 23:48:50-- http://mirrors.163.com/.help/CentOS7-Base-163.repo
Resolving mirrors.163.com (mirrors.163.com)... 59.111.0.251
Connecting to mirrors.163.com (mirrors.163.com)|59.111.0.251|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 1572 (1.5K) [application/octet-stream]
Saving to: ‘CentOS7-Base-163.repo’

100%[======================>] 1,572 --.-K/s in 0s

2020-04-25 23:48:50 (217 MB/s) - ‘CentOS7-Base-163.repo’ saved [1572/1572]
[root@hw-websvr1 yum.repos.d]# yum repolist

2）上传论坛代码

通过WinSCP工具将Discuz!论坛代码上传到这台云主机（139.9.247.50），如图-23所示。



图-23

3）将Discuz!代码包部署为/var/www/html目录


[root@hw-websvr1 ~]# unzip Discuz_X3.4_SC_UTF8.zip
.. ..                                             //解包
[root@hw-websvr1 ~]# rm -rf /var/www/html/         //删除默认网页目录
[root@hw-websvr1 ~]# cp -r upload/ /var/www/html     //部署新的网页目录
.. ..
[root@hw-websvr1 ~]# ls /var/www/html                 //确认部署结果
admin.php crossdomain.xml index.php portal.php uc_client
api data install robots.txt uc_server
api.php favicon.ico m search.php
archiver forum.php member.php source
config group.php misc.php static
connect.php home.php plugin.php template

步骤三：完成Discuz!论坛系统的安装

从浏览器访问你的云主机 http://139.9.247.50/ ，可以看到论坛安装页面，如图-24所示。



图-24

在提示目录权限时，执行以下操作再刷新网页。


[root@hw-websvr1 ~]# cd /var/www/html/
[root@hw-websvr1 html]# chown -R apache config/ data/ uc_se
rver/ uc_client/

后续过程按提示进行安装，操作与案例1类似，具体过程略。

步骤四：从浏览器访问你的论坛

安装完成后，就可以从互联网访问部署在你的云主机上的论坛网站了，如图-25所示。



图-25

java_web论坛项目4（评论点赞的功能实现）
这两个功能实现花费了有一天事件吧

我把我的难点分享一下吧

先说评论功能

评论是你点击以后可以发表你自己的话  然后添加到数据里面

但是我的前端页面  评论和回复使用的是同一个模态框

所以评论和回复的一个区别就是是否有被回复人的id，以及如何拿到被回复人的id

我使用的是jquery控制的跳转  直接把信息拼接到链接里面了
//如果没有登录  直接返回登录界面
		if(${user.userId==null}){
			window.location.href="LoginServlet?act=useLogin";
		}else{
			//如果点击回复后 设置标题的字为     回复：${userName}
			if(${userId1!=null }){
				var userName = "${userName1}";
				$("#title").val("回复："+userName);
				$("#openReply1").trigger("click");//打开回复框
			}	
			
			//如果点击评论的话   设置标题的字为 评论
			$("#openReply").click(function(){
				$("#title").val("评论");
			})
			
			//如果点击回复框的确定  执行以下操作
			$("#button").click(function(){
				var val = document.getElementById("val").value; 
				var title = document.getElementById("title").value;
				
				//评论没有被回复人id 
				if(title=="评论"){
					window.location.href="campusInform?val="+val+"&act=addReply&userId="+${user.userId}+"&cId="+${cId};
				}else{
					
					//没必要进行判断 但是如果不判断  走评论的话  万一${userId1}==null  下面url会报错  jquery 无法正常运行
					var userId1 = "${userId1}";
					if(${userId1== null}){
						userId1 = -1;
					}
					
					window.location.href="campusInform?val="+val+"&act=addReply&userId="+${user.userId}+"&cId="+${cId}+"&userId1="+userId1;
				}
			})
		}

这些只是被回复人到id信息后的操作，那么怎么拿到被回复人的id呢？我最终选择，让点击回复后先跳到servlet然后处理的到被回复人id，在请求回来，直接在请求回来，打开模态框，并且把被回复人的id传回来如果没有id就是评论，有id就把id拼接到链接里面，请求过去，后台根据有没有id区分是否是平论还是回复
HttpSession session = request.getSession();
		String cId = request.getParameter("cId");
		String userId = "0";
		User user = (User) session.getAttribute("user");
		if(user!=null){
			userId = user.getUserId();
		}
		
		
		CInfoServiceImp csi = new CInfoServiceImp();
		List cReplyList = csi.searchReply(cId);//得到回复的内容
		List pictureList = csi.getPicturePath();//得到所有的图片地址
		CInfo singleCInfo = csi.singleSearch(cId,userId);//得到文章
		
		//判断 如果点击回复按钮则把userId和name传送回主界面  主界面通过jquery控制显示回复框  并设置userId和name
		String userId1 = request.getParameter("userId1");
		String userName1 = request.getParameter("userName1");
		if(userId1!=null){
			request.setAttribute("userId1", userId1);
			request.setAttribute("userName1", userName1);
		}
		
		request.setAttribute("pictureList", pictureList);
		request.setAttribute("cId", cId);
		request.setAttribute("cReplyList", cReplyList);
		request.setAttribute("cInfo", singleCInfo);
		request.getRequestDispatcher("campusReply.jsp").forward(request, response);

剩余的就是插入数据库的操作，如果展示回复的话查询数据库就可以了
点赞我是用ajax写的

下面放一下ajax代码
//点击点赞按钮后运行
	    function prise(c){
			
	    	var articleId = c.firstElementChild.value;
			var userId = "${user.userId}";
			
			if(${user.userName!=null}){
				$.ajax({
					url:"campusInform?act=clickPrise",//请求地址
					data:{"articleId":articleId,"userId":userId}, //请求的参数  {username: 'name', password: '123456'}
					type:"post",//请求的类型
					dataType:"json",//接受的数据类型 text html xml json
					//回调函数
					success:function(result){
						
						if(result==1){
							//  class="btn btn-default btn-sm"  class="btn btn-info btn-sm"
							$(c).removeClass("btn btn-default btn-sm").addClass('btn btn-info btn-sm');
							//得到点赞数 并且加一
							var priseConetext = c.innerText;
							var priseCount = parseInt(priseConetext.substring(2));
							var val = priseCount+1;
							$(c).html("<input type='hidden' value='"+articleId+"'/><span class='glyphicon glyphicon-thumbs-up'></span>点赞"+val);
						}else{
							$(c).removeClass("btn btn-info btn-sm").addClass('btn btn-default btn-sm');
							//得到点赞数 并且减一
							var priseConetext = c.innerText;
							var priseCount = parseInt(priseConetext.substring(2));
							var val = priseCount-1;
							$(c).html("<input type='hidden' value='"+articleId+"'/><span class='glyphicon glyphicon-thumbs-up'></span>点赞"+val);
						}
					},
					error:function(){
						alert("系统繁忙，点赞失败")
					}
					
				})
			}else{
				window.location.href="LoginServlet?act=useLogin";
			}
	   }

后台也就是几个数据库联合的，要不是增加，要不是删除。

java_web论坛项目2（注册登录页面实现）
登录注册前端页面我是用bootstrap框架拖拽出来的，下面重点说一下后端代码的实现

在src下面 我分了这么几个包  放不同的java代码



dao里面的类都是放链接数据库的代码

model包里面的有存放不同的模型的类

service包里面有处理不同的业务的类  接受dao返回上面的数据进行业务处理的代码

servlet包里面的类是接受参数  传递数据给service处理  然后控制跳转

util包是自己做的工具类
base 里面只有一个类，该类继承了HttpServlet，重写了service方法 ， servlet里面的类直接继承这个类  然后可以做到更好的分类管理  下面是base下面这个类的实现代码
public class Base extends HttpServlet {
	@Override
	public void service(ServletRequest request, ServletResponse response) throws ServletException, IOException {
		String action = request.getParameter("act");
		Class cla = this.getClass();
		try {
			Method method = cla.getDeclaredMethod(action, HttpServletRequest.class, HttpServletResponse.class);
			method.invoke(this, request,response);
		} catch (NoSuchMethodException | SecurityException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IllegalArgumentException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (InvocationTargetException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}
	
}

首先来说登录 这个自我感觉还是比较好实现的 直接根据数据库里面查表，查不到刷新改页面，查到的话把改用户的值设置范围为session（方便以后调用），然后跳转。

先来看一下dao包下userDaoImp类下面登录的数据库链接查询实现
@Override
	public User login(String userId,String userPassWord) {
		User userMessage = new User();
		try {
			//JDBC数据库连接 1.加载驱动
			Class.forName("oracle.jdbc.driver.OracleDriver");
			//2.创建链接
			Connection conn = DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:orcl", "scott", "ADMIN");
			//3.获取一个Preparestatement
			
			String sql ="select * from tb_user where userId= ?and userPassWord=?";
			PreparedStatement psmt = conn.prepareStatement(sql);
			psmt.setObject(1, userId);
			psmt.setObject(2, userPassWord);
			
			ResultSet rs = psmt.executeQuery();
			if(rs.next()){
				userMessage.setUserName(rs.getString(1));
				userMessage.setUserId(rs.getString(2));
				userMessage.setUserPassWord(rs.getString(3));
			}
			return userMessage;
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return null;
	}

servlet包下面的页面跳转控制实现
//登录判断
	public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		User user = new User();
		//通过工具类 给每一个 属性赋值给model类
		Conversion.conver(user, request);
		
		User userMessage =new UserServiceImp().login(user);
		if(userMessage.getUserName()==null){
			request.getRequestDispatcher("LoginAndRegister.jsp").forward(request, response);
		}else{
			HttpSession session= request.getSession();
			session.setAttribute("user", userMessage);
			
			response.sendRedirect("leader.jsp");
		}
		
	}

注册

注册其中判断用户是否输入合法，用的是jquery来进行判断的，如果不合法，就让登录的点击事件无用
$(document).ready(function() {
	//点击后运行   如果返回false后改点击事件不起作用
	$('#reg').click(function() {
		if ($('#userid').val() == "") {
			$('#userCue').html("<font color='red'><b>×id不可以为空</b></font>");
			return false;
		}
		
		if ($('#user').val() == "") {
			$('#userCue').html("<font color='red'><b>×用户名不能为空</b></font>");
			return false;
		}

		if ($('#user').val().length < 4 || $('#user').val().length > 16) {
			$('#userCue').html("<font color='red'><b>×用户名位4-16字符</b></font>");
			return false;
		}
		
		if ($('#passwd').val().length < 6) {
			$('#userCue').html("<font color='red'><b>×密码不能小于" + 6 + "位</b></font>");
			return false;
		}
		if ($('#passwd2').val() != $('#passwd').val()) {		
			$('#userCue').html("<font color='red'><b>×两次密码不一致！</b></font>");
			return false;
		}
	});
});

其中账号也就是id号码，因为id考虑的是主键，所有肯定是不可能让他重复的，所以id的判断我用的是ajax来做的。
//找到进行操作的输入框  定义焦点离开事件
	var p=true;  //全局变量 在上面的点击事件上面把p进行判断一下如果是false就返回false那么注册的点击事件就没用
	$("#userid").blur(function(){
		var val = $(this).val();//得到输入框的值
		$.ajax({
			url:"LoginServlet?act=search",//请求地址
			data:{"val":val},//请求的参数
			type:"post",//请求的类型
			dataType:"text",//接受的数据类型 text html xml json
			//回调函数
			success:function(result){
				if(result=="该id不可用！！"){
					p=false; //如果不可以用就把p设置为false
				}
				$("#userCue").html("<font color='red'><b>"+result+"</b></font>");
			},
			error:function(){
				alert("ajax请求失败");
			}
			
		})
	});

servlet后台处理ajax
//ajax判断账号是否重复  回调函数
	public void search(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		//设置请求和响应的编码格式
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		
		String val = request.getParameter("val");
		String userId = new UserServiceImp().search(val);//根据传入的id查询数据库
		if(val.equals(userId)){
			response.getWriter().print("该id不可用！！");  
		}else{
			response.getWriter().print("id可用！！");
		}
	}

这样注册的判断就好了   剩下的 只需要把拿到注册的东西插入数据库就好了  然后跳转成功页面就可以了  就不放代码了。

今天给大家来演示一下一款有spring+struts2+hibernate+mysql实现的Java web论坛系统源码，本系统功能类似与csdn论坛，用户发帖时可以设置积分，当结帖时可以选择给评论的用户给与相应的分值，功能非常完善，已经接近可以直接上线使用的地步了，关于怎么修改页面的logo和版权信息我在视频最后面讲了，想改的可以参考修改。项目源码和视频指导运行教程获取方式在最下方  
【项目下载】
【视频演示】
包的文件目录结构：
下面是系统运行的截图，首先是启动后的首页：
所有帖子列表：
所有版块列表：
某个帖子打开后的详情：
用户可以登录后进行回复：
帮助中心：
用户登录与注册：
登录进去后的用户中心：
消息通知：
用户自己发布的帖子：
所有的评论列表：
修改自己的个人资料：
修改密码：
接下来我们按照管理员身份登录，进入管理后台后的主界面：
用户管理：
帖子管理：
版块管理：
公告管理：
系统的大概演示截图就到这里了，更详细的演示可在视频里观看，项目包含视频指导运行教程和完整源码，保证运行起来的，如果你跟着视频教程还是不能运行，请联系我，在订单提取页面有我的联系方式，我会指导你直到运行起来，总之重要的事说三遍：包运行、包运行、包运行！