基于WEB的华农趣事平台的设计与实现（PHP+MySQL）

小鱼儿 2023-10-16 14:39 16阅读 0赞

目 录  
1 前言 1  
1.1研究背景 1  
1.2内容架构 1  
1.2.1 研究内容 1  
1.2.2 论文结构 1  
2 开发环境和相关技术简介 2  
2.1 开发环境 2  
2.2 相关技术简介 2  
2.2.1 Yaf框架 2  
2.2.2 Vue.js界面库 2  
2.2.3 MVC架构模式 3  
2.2.4 MVVM架构模式 4  
2.2.5 localStorage本地存储 5  
2.2.6 MD5算法 5  
3 需求分析 6  
3.1 概述 6  
3.2 可行性分析 6  
3.3 系统功能性需求 6  
3.3.1 游客功能 6  
3.3.2 普通用户功能 7  
3.3.3 管理员功能 10  
3.4 非功能性需求 11  
4 概要设计 12  
4.1 总体设计 12  
4.2 设计思想 12  
4.3 系统结构设计 13  
4.4 系统功能设计 13  
4.4.1 开放平台功能 13  
4.4.2 后台系统功能 16  
4.5 数据库设计 18  
4.5.1 数据库ER图设计 18  
4.5.2 数据库表设计 19  
5 详细设计 24  
5.1存储设计 24  
5.1.1 session 24  
5.1.2 数据库连接配置 24  
5.1.3 localStorage前端存储 25  
5.2 基本设计 25  
5.2.1 ajax发起异步http请求 26  
5.2.2 后台控制器controller 接口 27  
5.2.3 后台模型model 27  
5.2.4 上传图片 28  
5.3 游客功能设计 29  
5.3.1 注册 29  
5.3.2 查看趣事 29  
5.3.3 游客查看评论 30  
5.3.4 查看他人的用户空间 31  
5.4 普通用户功能设计 31  
5.4.1 登陆 31  
5.4.2 发布趣事 31  
5.4.3 普通用户查看趣事 32  
5.4.4 点赞趣事 32  
5.4.5 踩趣事 32  
5.4.6 评论趣事 32  
5.4.7 回复评论 32  
5.4.8 收藏和取消收藏趣事 33  
5.4.9 修改个人信息 33  
5.5 管理员用户功能设计 34  
5.5.1 管理员登陆 34  
5.5.2 后台系统头部功能 34  
5.5.3 用户管理 35  
5.5.4 趣事管理 36  
5.5.5 评论管理 37  
5.5.5 系统管理 38  
6 结论与展望 40  
6.1 结论 40  
6.2 展望 41  
参考文献 42  
致谢 43  
1.2内容架构  
1.2.1 研究内容  
主要包括两个方面：一是趣事分享平台，主要包括普通用户登陆平台可以发布、评论、点赞、踩趣事以及管理自己的用户信息等。二是平台的后台管理系统，为了过滤掉敏感的和一些没有分享价值的信息，用户发布的趣事需要平台管理员登陆后台管理系统进行审核通过后才可以在公开的趣事分享平台里展示，另外也可以对平台注册普通用户、管理用户发布的评论以及对系统管理员进行管理。  
1.2.2 论文结构  
本文阐述了基于WEB的华农趣事平台的具体实现流程。  
第一章介绍了论文以及平台研究的背景和意义。第二章对平台的开发环境和所使用的相关技术作出了详细的介绍。第三章则是对平台进行详尽的需求分析以及列出了各个模块的功能需求。第四章则在需求分析的基础上对系统的实现进行概要设计并设计出合适的数据库表结构。第五章对系统进行了详细的设计，详细说明了每个功能模块的使用方法，另外也对各个模块进行代码优化设计并反复调试改善和修改。最后，第六章阐述了系统开发和论文撰写的心得总结。

<!DOCTYPE html>
    <html lang="en">
    	<head>
    		
    		<<head>
    		
    		<meta charset="utf-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    		<meta http-equiv="x-ua-compatible" content="ie=edge">
    		<meta name="description" content="">
    		<link rel="stylesheet" href="<?php echo RESOURCE_PATH . '/views/admin/src/libs/vendor/bootstrap/css/bootstrap.min.css';?>">
    		<link rel="stylesheet" href="<?php echo RESOURCE_PATH . '/views/admin/src/libs/vendor/themify-icons/themify-icons.css';?>">
    		<link rel="stylesheet" href="<?php echo RESOURCE_PATH . '/views/admin/src/libs/css/core.css';?>">
    		
    
    		
    		<title>华农趣事平台-后台管理系统</title>
    </head>
    	<body class="auth-bg">
    		
    		<div class="auth">
    			<div class="auth-header">
    				<h1>华农趣事平台</h1>
    				<h6>Welcome! Sign in to access the admin panel</h6>
    			</div>
    			<div class="container-fluid">
    				<div class="row">
    					<div class="col-md-4 offset-md-4">
    						<form id="login_form">
    							<div class="form-group">
    								<div class="input-group">
    									<input type="text" class="form-control" name="account" placeholder="username" required autocomplete id="username">
    									<div class="input-group-addon"><i class="ti-user"></i></div>
    								</div>
    							</div>
    							<div class="form-group">
    								<div class="input-group">
    								<input type="password" class="form-control" name="password" required placeholder="Password" id="passwd">
    									<div class="input-group-addon"><i class="ti-key"></i></div>
    								</div>
    							</div>
    							<div class="form-group">
    								<button type="submit" class="btn btn-danger btn-block">登陆</button>
    							</div>
    						</form>
    					</div>
    				</div>
    			</div>
    		</div>
    		<script src="<?php echo RESOURCE_PATH . '/views/admin/src/libs/js/jquery-1.12.3.min.js';?>"></script>
    		<script>		
    		$('#login_form').submit(function() {
        
    			var username = $('#username').val(),
    				passwd = $('#passwd').val();
    				
    			if (!username || !passwd) {
        
    				alert('请输入用户名、密码');
    				return false;
    			}
    
    			$.ajax({
        
    				url: '/adminlogin/opLogin/',
    				type:'POST',
    				data: {
        
    					account: username,
    					password: passwd
    				},
    				dataType: 'json',
    
    				success(result) {
        
    					if (result.code === 0) {
        
    						var userInfo = {
        
    							admin_id : result.data.data.admin_id,
    							admin_name : result.data.data.admin_name,
    							cellphone : result.data.data.cellphone,
    							register_time : result.data.data.register_time
    						};
    						try {
        
    							window.location.href = '/admin/index';
    							localStorage.setItem('userInfo', JSON.stringify(userInfo));
    						} catch (e) {
        
    							window.location.href = 'adminlogin/login';
    						}
    					} else {
        
    						alert(result.msg);
    					}
    				},
    				fail(result) {
        
    					alert('网络出了点问题，请稍后再试');
    				}
    			});
    			return false;
    		});
    
    	</script>
    </body>
    </html>

![在这里插入图片描述][83469721bd8741b39a7f86b6b72f7fad.png_pic_center]  
![在这里插入图片描述][918751a72a6146f0bd74102e46629277.png_pic_center]  
![在这里插入图片描述][1d82a9aef55f4eb4a56b912b143c53c5.png_pic_center]  
![在这里插入图片描述][184f93346e854ad781045be017759a43.png_pic_center]  
![在这里插入图片描述][6e614cf2e940446d93672a13f3afe70f.png_pic_center]  
![在这里插入图片描述][6353168b8da247de85067986f2fd7605.png_pic_center]  
![在这里插入图片描述][5373553a101d446ba36fe089d58ba4ea.png_pic_center]  
![在这里插入图片描述][37371f9fcfc34fde9984b7c1de45ac25.png_pic_center]  
![在这里插入图片描述][6ca829174680411caccf4fcb1a5e1fcf.png_pic_center]  
![在这里插入图片描述][a7fa14c941994e9188028718756a2b48.png_pic_center]  
![在这里插入图片描述][cd160df0483242b5a981bea19d983ad5.png_pic_center]  
![在这里插入图片描述][31ae3bc7d35e4dfab37e1a5c3cb7f941.png_pic_center]  
![在这里插入图片描述][93ff94743ab249228c55da56d1c04053.png_pic_center]  
![在这里插入图片描述][4c7a0d35ff6e4d8e8f51c9109e3921cf.png_pic_center]  
![在这里插入图片描述][7586e3c951ce49b8b4dee42be3e9a81f.png_pic_center]  
![在这里插入图片描述][dd11a16f0302488f8a649f1b6708d655.png_pic_center]  
![在这里插入图片描述][cf82b71d356b41849895a4f1fc085ecb.png_pic_center]  
![在这里插入图片描述][634e64158d2b4b5793f59c6c6a0a67c2.png_pic_center]  
![在这里插入图片描述][1205f6ed7f3f491f89230fd2db02b2cb.png_pic_center]  
![在这里插入图片描述][e2cc092b6beb408b858dac95998043b7.png_pic_center]  
![在这里插入图片描述][fa236e96c2ad4b9fb30fb5171b8be6b8.png_pic_center]  
![在这里插入图片描述][93dd7de2c7fb4337805057d689e2ece2.png_pic_center]  
![在这里插入图片描述][785c25788b814f7fae9185db315663a4.png_pic_center]  
![在这里插入图片描述][7c329de5384e4d2a952e354b26845df1.png_pic_center]  
![在这里插入图片描述][e7b8bf3ae2584a74b577a022817b2f53.png_pic_center]  
![在这里插入图片描述][a7ae9bc2ab7f4f459e4faca4718994f7.png_pic_center]  
![在这里插入图片描述][ce1b037bebf646d3acbed1fb375585b9.png_pic_center]  
![在这里插入图片描述][ba989f30fba74e4a8f73795163a3bc71.png_pic_center]  
![在这里插入图片描述][c74d96ed8a794954bfda95a7847eb02a.png_pic_center]  
![在这里插入图片描述][132031dba29b4cdeb48c38cd6cd65c58.png_pic_center]  
![在这里插入图片描述][e9c248b1730745b58af257968a6f2c31.png_pic_center]  
![在这里插入图片描述][2171d829ed4045bda1fae61da1312832.png_pic_center]  
![在这里插入图片描述][67899b1e2a4249fcac1f0b3e722c1373.png_pic_center]  
![在这里插入图片描述][2ce059ee403e4c0ea6d05032e57d9b03.png_pic_center]  
![在这里插入图片描述][f097cddf78fd43adacf100d575c023de.png_pic_center]  
![在这里插入图片描述][1f54148724474127835e8bf51d14806a.png_pic_center]  
![在这里插入图片描述][a38353526c544cff8c9c19fea9b8e2d1.png_pic_center]  
![在这里插入图片描述][623fb540d21a446aa37482e73b237bf3.png_pic_center]  
![在这里插入图片描述][d8c4d73879b7496b859fa0c9424ad094.png_pic_center]  
![在这里插入图片描述][55697f50990f4d28afb098e1c6ff1f39.png_pic_center]  
![在这里插入图片描述][0ddf45b6090d4a30b1838446d8650968.png_pic_center]

[83469721bd8741b39a7f86b6b72f7fad.png_pic_center]: https://img-blog.csdnimg.cn/83469721bd8741b39a7f86b6b72f7fad.png#pic_center
[918751a72a6146f0bd74102e46629277.png_pic_center]: https://img-blog.csdnimg.cn/918751a72a6146f0bd74102e46629277.png#pic_center
[1d82a9aef55f4eb4a56b912b143c53c5.png_pic_center]: https://img-blog.csdnimg.cn/1d82a9aef55f4eb4a56b912b143c53c5.png#pic_center
[184f93346e854ad781045be017759a43.png_pic_center]: https://img-blog.csdnimg.cn/184f93346e854ad781045be017759a43.png#pic_center
[6e614cf2e940446d93672a13f3afe70f.png_pic_center]: https://img-blog.csdnimg.cn/6e614cf2e940446d93672a13f3afe70f.png#pic_center
[6353168b8da247de85067986f2fd7605.png_pic_center]: https://img-blog.csdnimg.cn/6353168b8da247de85067986f2fd7605.png#pic_center
[5373553a101d446ba36fe089d58ba4ea.png_pic_center]: https://img-blog.csdnimg.cn/5373553a101d446ba36fe089d58ba4ea.png#pic_center
[37371f9fcfc34fde9984b7c1de45ac25.png_pic_center]: https://img-blog.csdnimg.cn/37371f9fcfc34fde9984b7c1de45ac25.png#pic_center
[6ca829174680411caccf4fcb1a5e1fcf.png_pic_center]: https://img-blog.csdnimg.cn/6ca829174680411caccf4fcb1a5e1fcf.png#pic_center
[a7fa14c941994e9188028718756a2b48.png_pic_center]: https://img-blog.csdnimg.cn/a7fa14c941994e9188028718756a2b48.png#pic_center
[cd160df0483242b5a981bea19d983ad5.png_pic_center]: https://img-blog.csdnimg.cn/cd160df0483242b5a981bea19d983ad5.png#pic_center
[31ae3bc7d35e4dfab37e1a5c3cb7f941.png_pic_center]: https://img-blog.csdnimg.cn/31ae3bc7d35e4dfab37e1a5c3cb7f941.png#pic_center
[93ff94743ab249228c55da56d1c04053.png_pic_center]: https://img-blog.csdnimg.cn/93ff94743ab249228c55da56d1c04053.png#pic_center
[4c7a0d35ff6e4d8e8f51c9109e3921cf.png_pic_center]: https://img-blog.csdnimg.cn/4c7a0d35ff6e4d8e8f51c9109e3921cf.png#pic_center
[7586e3c951ce49b8b4dee42be3e9a81f.png_pic_center]: https://img-blog.csdnimg.cn/7586e3c951ce49b8b4dee42be3e9a81f.png#pic_center
[dd11a16f0302488f8a649f1b6708d655.png_pic_center]: https://img-blog.csdnimg.cn/dd11a16f0302488f8a649f1b6708d655.png#pic_center
[cf82b71d356b41849895a4f1fc085ecb.png_pic_center]: https://img-blog.csdnimg.cn/cf82b71d356b41849895a4f1fc085ecb.png#pic_center
[634e64158d2b4b5793f59c6c6a0a67c2.png_pic_center]: https://img-blog.csdnimg.cn/634e64158d2b4b5793f59c6c6a0a67c2.png#pic_center
[1205f6ed7f3f491f89230fd2db02b2cb.png_pic_center]: https://img-blog.csdnimg.cn/1205f6ed7f3f491f89230fd2db02b2cb.png#pic_center
[e2cc092b6beb408b858dac95998043b7.png_pic_center]: https://img-blog.csdnimg.cn/e2cc092b6beb408b858dac95998043b7.png#pic_center
[fa236e96c2ad4b9fb30fb5171b8be6b8.png_pic_center]: https://img-blog.csdnimg.cn/fa236e96c2ad4b9fb30fb5171b8be6b8.png#pic_center
[93dd7de2c7fb4337805057d689e2ece2.png_pic_center]: https://img-blog.csdnimg.cn/93dd7de2c7fb4337805057d689e2ece2.png#pic_center
[785c25788b814f7fae9185db315663a4.png_pic_center]: https://img-blog.csdnimg.cn/785c25788b814f7fae9185db315663a4.png#pic_center
[7c329de5384e4d2a952e354b26845df1.png_pic_center]: https://img-blog.csdnimg.cn/7c329de5384e4d2a952e354b26845df1.png#pic_center
[e7b8bf3ae2584a74b577a022817b2f53.png_pic_center]: https://img-blog.csdnimg.cn/e7b8bf3ae2584a74b577a022817b2f53.png#pic_center
[a7ae9bc2ab7f4f459e4faca4718994f7.png_pic_center]: https://img-blog.csdnimg.cn/a7ae9bc2ab7f4f459e4faca4718994f7.png#pic_center
[ce1b037bebf646d3acbed1fb375585b9.png_pic_center]: https://img-blog.csdnimg.cn/ce1b037bebf646d3acbed1fb375585b9.png#pic_center
[ba989f30fba74e4a8f73795163a3bc71.png_pic_center]: https://img-blog.csdnimg.cn/ba989f30fba74e4a8f73795163a3bc71.png#pic_center
[c74d96ed8a794954bfda95a7847eb02a.png_pic_center]: https://img-blog.csdnimg.cn/c74d96ed8a794954bfda95a7847eb02a.png#pic_center
[132031dba29b4cdeb48c38cd6cd65c58.png_pic_center]: https://img-blog.csdnimg.cn/132031dba29b4cdeb48c38cd6cd65c58.png#pic_center
[e9c248b1730745b58af257968a6f2c31.png_pic_center]: https://img-blog.csdnimg.cn/e9c248b1730745b58af257968a6f2c31.png#pic_center
[2171d829ed4045bda1fae61da1312832.png_pic_center]: https://img-blog.csdnimg.cn/2171d829ed4045bda1fae61da1312832.png#pic_center
[67899b1e2a4249fcac1f0b3e722c1373.png_pic_center]: https://img-blog.csdnimg.cn/67899b1e2a4249fcac1f0b3e722c1373.png#pic_center
[2ce059ee403e4c0ea6d05032e57d9b03.png_pic_center]: https://img-blog.csdnimg.cn/2ce059ee403e4c0ea6d05032e57d9b03.png#pic_center
[f097cddf78fd43adacf100d575c023de.png_pic_center]: https://img-blog.csdnimg.cn/f097cddf78fd43adacf100d575c023de.png#pic_center
[1f54148724474127835e8bf51d14806a.png_pic_center]: https://img-blog.csdnimg.cn/1f54148724474127835e8bf51d14806a.png#pic_center
[a38353526c544cff8c9c19fea9b8e2d1.png_pic_center]: https://img-blog.csdnimg.cn/a38353526c544cff8c9c19fea9b8e2d1.png#pic_center
[623fb540d21a446aa37482e73b237bf3.png_pic_center]: https://img-blog.csdnimg.cn/623fb540d21a446aa37482e73b237bf3.png#pic_center
[d8c4d73879b7496b859fa0c9424ad094.png_pic_center]: https://img-blog.csdnimg.cn/d8c4d73879b7496b859fa0c9424ad094.png#pic_center
[55697f50990f4d28afb098e1c6ff1f39.png_pic_center]: https://img-blog.csdnimg.cn/55697f50990f4d28afb098e1c6ff1f39.png#pic_center
[0ddf45b6090d4a30b1838446d8650968.png_pic_center]: https://img-blog.csdnimg.cn/0ddf45b6090d4a30b1838446d8650968.png#pic_center