基于Bootstrap+Guns框架和JavaWeb+MySQL实现的日程管理系统

小灰灰 2024-03-03 08:19 26阅读 0赞

目 录

1 绪论 1  
1.1 背景 1  
1.2 现状与意义 1  
1.3 设计目标 2  
2 开发环境及技术 3  
2.1 开发环境 3  
2.1.1 系统环境及开发工具 3  
2.1.2 Eclipse 3  
2.1.3 MySQL 3  
2.1.4 Tomcat 3  
2.2 开发使用技术 4  
2.2.1 Bootstrap框架 4  
2.2.2 Fullcalendar插件 4  
2.2.3 Guns框架 4  
2.3 本章小结 6  
3 需求分析 7  
3.1 可行性分析 7  
3.1.1技术和操作可行性 7  
3.1.2经济可行性 7  
3.2 模块需求分析 7  
3.2.1 网站展示模块 7  
3.2.2 登录注册模块 7  
3.2.3 个人信息模块 8  
3.2.4 日程模块 8  
3.2.5 用户模块 8  
3.2.6 系统模块 9  
3.2.7 专属链接模块 9  
3.3 用例图 9  
3.4 本章小结 14  
4 系统概要设计 16  
4.1 系统总体设计 16  
4.2 系统模块设计 16  
4.2.1 用户角色模块设计 17  
4.2.2 管理员角色模块设计 17  
4.3 数据库设计 18  
4.3.1 数据库表结构 19  
4.3.2 数据库表设计 21  
4.4 本章小结 23  
5 详细设计与功能实现 24  
5.1 类图 24  
5.2 功能实现 24  
5.2.1 网站展示模块 24  
5.2.2 注册登录模块 26  
5.2.3 个人信息模块 27  
5.2.4 日程模块 29  
5.2.5 用户模块 31  
5.2.6 系统模块 32  
5.2.7 专属链接模块 34  
5.3 本章小结 35  
6 系统测试与效果演示 36  
6.1 功能模块验证 36  
6.1.1 网站展示模块验证 36  
6.1.1 注册登录模块验证 36  
6.1.1 个人信息模块验证 37  
6.1.1 日程模块验证 37  
6.1.2 用户模块验证 38  
6.1.3 系统模块验证 38  
6.1.4 专属链接模块验证 38  
6.2 效果展示 39  
6.2.1 网站展示模块页面显示 39  
6.2.2 注册登录模块页面显示 40  
6.2.3 个人信息模块页面显示 42  
6.2.4 日程模块页面显示 43  
6.2.5 用户模块页面显示 46  
6.2.6 系统模块页面显示 47  
6.2.7 专属链接模块页面显示 48  
6.3 本章小结 49  
7 总结与展望 50  
7.1 工作总结 50  
7.2 问题与改进 50  
7.3 展望 51  
参考文献 52  
致 谢 53  
1.3 设计目标  
制作这个系统首先需要有漂亮的界面，能够吸引人的眼球，当然网站更重要的是实现良好的用户体验，所以需要有严谨的规划，保证系统的稳定，还好当今的开发技术十分全面，有各种前端和后端框架，前端技术包括非常流行的HTML、Jquery、Ajax等，然后可以通过后台处理将数据库和动态网页连接起来。在实现实际功能时，可以采用HTML、CSS等前端技术实现界面的显示，jquery实现界面的操作，并用Ajax实现异步操作，界面动态无刷新，采用MVC三层架构模式，并用mysql进行数据的采集和修改。系统的功能主要包括用户的注册和登录，查看个人信息，修改密码，添加自己的日程规划，根据日程的复杂程度，设置提醒时间和重复次数，日程可以设置重要程度，方便对日程的区分，除了带明确时间观念的日程功能，还提供方便记录信息的便签功能，根据用户的具体要求，用户可以设置便签是否展示，是否置顶，让用户能在明显的地方找到自己写下的便签。管理员除了拥有普通用户的日程功能，还能对普通用户进行管理，对系统设置进行修改。本系统完成之后将投入实际运行当中，进行系统模块的测试，进一步完善，实现信息化、规范化、系统化、网络化。

<!DOCTYPE html>
    <html>
    
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    		<title>日程管理-主页</title>
    		<link rel="stylesheet" href="css/bootstrap.css">
    		<link rel="stylesheet" href="css/bootstrap-theme.css">
    	
    	</head>
    
    	<body class="">
    
    		<div class="container  red " style="height: 100px;">
    			<div class="blue row  " style="height: 100px;">
    				<div class=" red col-sm-3 flex-center" style="height: 100px;">
    					<h3><img src="img/logo2.png"/></h3>
    				</div>
    				<div class=" red col-sm-6 col-sm-offset-3 flex_y_center menu " style="">
    					
    					<div class="flex-center" style="">
    						<a href="./home.html" class="">首页</a>
    					</div>
    					<div class=" flex-center ">
    						<a href="./timeline.html">时间轴</a>
    					</div>
    					<div class=" flex-center">
    						<a href="./about.html">关于我们</a>
    					</div>	
    									
    					<div class=" red flex-center" style="flex:1;margin-left: 10px;">
    						<button type="button" onclick="link('admin')" class="btn btn-success">进入我的日程</button>
    					</div>
    
    					
    				</div>
    			</div>
    		</div>
    		
    		<div class="container-fluid blue" style="border-top: gray solid 2px;height: 2px;">
    		</div>
    		<div class="container-fluid  blue" >
    			<div class="row clearfix" >
    			<div class="carousel slide" id="carousel-889187">
    				<div class="carousel-inner">
    					<div class="item active">
    						<img alt="" src="img/head2.jpg" />
    						<div class="carousel-caption">
    							<h3>
    								<button type="button" onclick="link('admin')" class="btn btn-success btn-lg">开始使用</button>
    							</h3>
    							<h3>
    								欢迎来到日程管理系统
    							</h3>
    							<p>
    								规划日程，记录心情，度过美好一天。
    							</p>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    			
    		</div>
    		
    		
    		<div class="container blue clearfix" style="height: 700px;">
    			<div class="row flex-center clearfix" style="height: 700px;">
    				<div class=" red col-sm-5 flex-center" >
    					<img src="img/des-img1.png" />
    				</div>
    				
    				<div class=" red col-sm-7 " >
    					<h2 style="margin-left: 20px;"><img src="img/note.jpg" style="width: 80px;height: 64px;" />
    				轻松的日程规划
    			</h2>
    			<p>
    				你从来没有如此方便、轻松得制定工作计划，记录生活节点，设置生日提醒，安排所有日程。
    			</p>
    				</div>
    			</div>
    		</div>
    		
    			<div class="container-fluid blue clearfix" style="background-color: gainsboro; height: 700px; margin: 0">
    				<div class="container blue clearfix" style="height: 700px;">
    				
    			<div class="row flex-center clearfix" style="height: 700px;">
    				
    				
    				<div class=" red col-sm-7 " >
    					<h2 style="margin-left: 20px;"><img src="img/clock.ico" style="width: 80px;height:80px;" />
    				明确的时间提醒
    			</h2>
    			<p>
    				你再也不用担心你有重要的事情忘记处理，操作简单,只要你记录下何时要处理的事件，时间一到，自动提醒你完成该事件。
    			</p>
    				</div>
    				<div class=" red col-sm-5 flex-center" >
    					<img src="img/clock2.png" />
    				</div>
    				</div>
    			</div>
    		</div>
    		
    		
    			<div class="container blue clearfix" style="height: 700px;">
    			<div class="row flex-center clearfix" style="height: 700px;">
    				<div class=" red col-sm-5 flex-center" >
    					<img src="img/notepad-icon.png" />
    				</div>
    				
    				<div class=" red col-sm-7 " >
    					<h2 style="margin-left: 20px;"><img src="img/notes 2.png" style="width: 80px;height: 80px;" />
    				方便的便签记录
    			</h2>
    			<p>
    				随时随地，记录你的心情，写下你的规划，分享你的生活。
    			</p>
    				</div>
    			</div>
    		</div>
    		
    		
    			<div class="container-fluid blue clearfix" style="color:white;background-color: #363636; height: 150px; margin: 0">
    				<div class="container blue clearfix" style="height:100%">
    				
    				<div class="row flex-center clearfix" style="height:100%" >
    				
    				
    				
    				<div class=" red col-sm-9 flex_x_start" >
    					<div class=" red col-sm-8 ">
    			
    						
    						<ul>
    				<li>
    					网址:a3r.top   版权所有 张亮
    				</li>
    				<li>
    					服务器地址：47.106.121.197/admin
    				</li>
    				<li>
    					邮箱：110@zbj.com
    				</li>
    				<li>
    					git地址：https://github.com/AngelOver/ScheduleSystem
    				</li>
    			</ul>
    					</div>
    					
    				</div>
    				<div class=" red col-sm-3  flex_x_start">
    					<h3>日程管理</h3>
    					<p>欢迎大家的访问</p>
    				</div>
    				
    				</div>
    			</div>
    		</div>
    		
    		<script>
    				function link(url){
        
    			    	window.location.href='http://47.106.121.197/'+url;
    			    }
    		</script>
    
    		<style>
    			body{
        
    			}
    			*{
        
    				    font-size: 18px;
       					font-family: "微软雅黑";
    				
    			}
    			.menu{
        
    				height: 100px;
    				display:flex;
    				flex-direction: row;
    				padding-top: 30px;
    			}
    			.menu div{
        
    				width: 100px;
    				height: 50px;
    				margin: 0;
    				font-size: 1.6em;
    			}
    			
    			.menu a{
        
    				text-decoration : none ;
    				color:black;
    				
    			}
    			
    			.red {
        
    				/*border: red solid 1px;*/
    			}
    			
    			.blue {
        
    				/*border: blue solid 1px;*/
    			}
    			
    			.yellow {
        
    				border: yellow solid 1px;
    			}
    			
    			.flex {
        
    				display: flex;
    			}
    			
    			.flex-center {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    			}
    			
    			.flex-column {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				flex-direction: column;
    			}
    			
    			.flex_x_start {
        
    				justify-content: flex-start;
    			}
    			
    			.flex_x_center {
        
    				justify-content: center;
    			}
    			/*.flex_x_center{
    			display: flex;
    		}*/
    			
    			.flex_y_start {
        
    				align-items: flex-start;
    			}
    			
    			.flex_y_center {
        
    				align-items: center;
    			}
    			/*	.flex_x_center{
    			display: flex;
    		}*/
    			
    			.flex {
        
    				display: flex;
    			}
    			
    			.header {
        
    				display: flex;
    				width: 100%;
    				height: 10%;
    				display: flex;
    				flex-direction: row;
    				align-items: center;
    				justify-content: center;
    				background: #FF6634;
    			}
    			
    			.header_1 {
        
    				display: flex;
    				width: 100%;
    				height: 100%;
    				color: white;
    				font-size: 4rem;
    				align-items: center;
    				justify-content: center;
    				flex: 2;
    			}
    			
    			.header_2 {
        
    				font-size: 2.0rem;
    				color: white;
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				width: 100%;
    				height: 100%;
    				flex: 4;
    			}
    			
    			.header_2 div {
        
    				background: #FA9627;
    				width: 100%;
    				height: 40px;
    				border: white solid 1px;
    				border-radius: 5px
    			}
    			
    			.header_2_2 {
        
    				background: #FA9627;
    				width: 80%;
    				height: 50%;
    				border: blue solid 1px;
    			}
    			
    			.header_2_1 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				background: #FA9627;
    				width: 100%;
    				height: 40px;
    				font-size: 1.4rem;
    				padding: 0 0 0 0;
    				border: white solid 1px;
    				border-radius: 5px
    			}
    			
    			.header_3 {
        
    				color: white;
    				display: flex;
    				font-size: 1.5rem;
    				align-items: center;
    				justify-content: center;
    				flex: 2;
    			}
    			
    			.center {
        
    				width: 100%;
    				display: flex;
    				align-items: center;
    				flex-direction: column;
    				justify-content: center;
    				background-color: white;
    				margin-top: 10px;
    			}
    			
    			.center_1 {
        
    				display: flex;
    				flex-direction: row;
    				justify-content: center;
    				align-items: center;
    				width: 100%;
    				height: 50px;
    				border-bottom: 2px solid gainsboro;
    			}
    			
    			.center_2 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				width: 100%;
    				height: 70px;
    				border-bottom: 2px solid gainsboro;
    			}
    			
    			.center_3 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				width: 100%;
    				height: 70px;
    				border-bottom: 2px solid gainsboro;
    			}
    			
    			.center_4 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				width: 100%;
    				height: 70px;
    				border-bottom: 2px solid gainsboro;
    			}
    			
    			.center_1_1 {
        
    				display: flex;
    				align-items: center;
    				justify-content: flex-start;
    				padding-left: 5%;
    				font-size: 1.5rem;
    				flex: 3;
    				width: 80%;
    				height: 100%;
    			}
    			
    			.center_1_2 {
        
    				display: flex;
    				font-size: 1.5rem;
    				align-items: center;
    				justify-content: center;
    				flex: 8;
    				width: 100%;
    				height: 100%;
    			}
    			
    			.center_1_2 input {
        
    				width: 100%;
    				background: no-repeat 0 0 scroll ＃EEEEEE;
    				border: none;
    				outline: medium;
    			}
    			
    			.center_1_3 {
        
    				display: flex;
    				align-items: center;
    				justify-content: flex-end;
    				padding-right: 5%;
    				font-size: 1.5rem;
    				color: darkgrey;
    				flex: 6;
    			}
    			
    			.full {
        
    				width: 100%;
    				height: 10px;
    				background-color: #F2F2F2;
    			}
    			
    			.footer {
        
    				background: #F6F6F6;
    				width: 100%;
    				display: flex;
    				flex-direction: row;
    				align-items: center;
    				justify-content: space-around;
    			}
    			
    			.footer_1 {
        
    				height: 50px;
    				display: flex;
    				width: 90%;
    				flex-direction: column;
    				align-items: center;
    				justify-content: center;
    				background-color: white;
    			}
    			
    			.footer_1 input {
        
    				height: 100%;
    				background: #FF6634;
    			}
    			
    			.footer_2 {
        
    				display: flex;
    				width: 90%;
    				height: 30px;
    				flex-direction: column;
    				justify-content: flex-end;
    				font-size: 0.8rem;
    				background-color: white;
    			}
    			
    			.center img {
        
    				width: 70px;
    				height: 40px;
    			}
    			
    			.center_2_1 {
        
    				display: flex;
    				align-items: center;
    				font-size: 1.5rem;
    				flex: 4;
    				width: 90%;
    			}
    			
    			.center_2_2 {
        
    				display: flex;
    				align-items: center;
    				flex-direction: row;
    				font-size: 1.5rem;
    				flex: 4;
    				width: 90%;
    				border-top: 1px solid white;
    				border-bottom: 20px solid white;
    			}
    			
    			.center_2_3 {
        
    				display: flex;
    			}
    			
    			.center_1_2_1 {
        
    				display: flex;
    				align-items: center;
    				font-size: 1.5rem;
    				height: 50px;
    			}
    			
    			.center_1_2_2 {
        
    				display: flex;
    				align-items: center;
    				font-size: 1.5rem;
    				height: 50px;
    				width: 100%;
    				background-color: #F2F2F2;
    			}
    			
    			.center_1_2_2_1 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				font-size: 1.5rem;
    				width: 40%;
    				height: 50px;
    				flex: 1;
    			}
    			
    			.center_1_2_2_2 {
        
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				font-size: 1.5rem;
    				height: 50px;
    				width: 40%;
    				flex: 1;
    			}
    			
    			.full {
        
    				width: 20px;
    				height: 100%;
    				background-color: white;
    			}
    			
    			.size-search {
        
    				height: 30px;
    				width: 30px;
    			}
    			
    			.center-top {
        
    				width: 100%;
    				height: 10px;
    				display: flex;
    				align-items: center;
    				justify-content: center;
    			}
    			
    			.footer_3 {
        
    				display: flex;
    				flex-direction: column;
    				align-items: center;
    				justify-content: center;
    			}
    			
    			.color2 {
        
    				color: #DC9251;
    			}
    			
    			.font_3 {
        
    				padding-right: 20px;
    			}
    		</style>
    		<script src="js/jquery.js"></script>
    		<script src="js/bootstrap.js"></script>
    	</body>
    
    </html>

![在这里插入图片描述][cc5acc7be42b4e08a08d617fe5dba610.png_pic_center]  
![在这里插入图片描述][f90242db064e40478a594fd1ab43aaee.png_pic_center]  
![在这里插入图片描述][cbf956ae9ad44c9b8b05134bb283e6c0.png_pic_center]  
![在这里插入图片描述][4bdb9fa78fec45dba4f364ae8a59fb7e.png_pic_center]  
![在这里插入图片描述][59950450dbcc424a93f10a0134abf66d.png_pic_center]  
![在这里插入图片描述][e0b07caaa032493ab7f31585e8987c1a.png_pic_center]  
![在这里插入图片描述][848422f64ecd4538a22de98a471c4451.png_pic_center]  
![在这里插入图片描述][44d21d692ab242dcad952bf6571ed062.png_pic_center]  
![在这里插入图片描述][64be91356018451380cf89d1cacb87c2.png_pic_center]  
![在这里插入图片描述][ab3fdeae12d944d8b8b2e6228fc9ac71.png_pic_center]  
![在这里插入图片描述][5ee888db37ba4a77a16635eef1d77d84.png_pic_center]  
![在这里插入图片描述][895ade48eb8745ffb026c6afbb2b2176.png_pic_center]  
![在这里插入图片描述][c53a3fed37054aaa8b211ba1d0b55955.png_pic_center]  
![在这里插入图片描述][7ac1e6e95f924c368360126402b07692.png_pic_center]  
![在这里插入图片描述][8ab2ae2bbf754a8aad32b5d9e5114779.png_pic_center]  
![在这里插入图片描述][bb1b8f3ff73c4a738f3c5d1c8370b09d.png_pic_center]  
![在这里插入图片描述][c2b4950b066542ea82f1bb3e13a60de2.png_pic_center]  
![在这里插入图片描述][483f1f57a6134abd85caf3c0150080fc.png_pic_center]  
![在这里插入图片描述][68691bcea2484d97b41ff4c39c4bc0f3.png_pic_center]  
![在这里插入图片描述][f70f7a82ee544f39b75841e0950cf197.png_pic_center]  
![在这里插入图片描述][6f9312e4bdf24d8eaf6a84ff890b3d42.png_pic_center]  
![在这里插入图片描述][1b961d5731a74794a602aba6cf3fa9c3.png_pic_center]  
![在这里插入图片描述][0e8676b9c3e2447bae38d6b978bb040e.png_pic_center]  
![在这里插入图片描述][4ea0f983748949c3bec50e453dfb5c0f.png_pic_center]  
![在这里插入图片描述][9240b660068c4b3c9c76846aa0e53b24.png_pic_center]  
![在这里插入图片描述][636f4936620f40b895b4b8a1f09885bb.png_pic_center]  
![在这里插入图片描述][b2032f2dfd01473e8153162d19c2ed67.png_pic_center]  
![在这里插入图片描述][184381f48b194c698eebf6d01a3e1cb4.png_pic_center]  
![在这里插入图片描述][7e0d3ba534554e419c277d19b4ca18c0.png_pic_center]  
![在这里插入图片描述][d4fce38d472946b9ad5d9f1cab15a64c.png_pic_center]  
![在这里插入图片描述][e6c83bd2749246fa9bf701d01252c5e7.png_pic_center]  
![在这里插入图片描述][9775aba01610470b99d30c71bfaaa785.png_pic_center]  
![在这里插入图片描述][2190df9452de4d618da7bdb4e9592c50.png_pic_center]  
![在这里插入图片描述][b46a69b4d4864ba58fca696a011c5eed.png_pic_center]

[cc5acc7be42b4e08a08d617fe5dba610.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/077039f71a6a445ab122b1d4dca6651b.png
[f90242db064e40478a594fd1ab43aaee.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/0be36f46fb524375a296775b09e458ab.png
[cbf956ae9ad44c9b8b05134bb283e6c0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/d056aad9aa6e4b9688ff2cd31c0211d5.png
[4bdb9fa78fec45dba4f364ae8a59fb7e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/fe40b06246ca4d4c9b2a13b0f293ac97.png
[59950450dbcc424a93f10a0134abf66d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/adadb7293c9c47618958831ee96d0f94.png
[e0b07caaa032493ab7f31585e8987c1a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/e0b36ae9d49d40a2929ffff576cfc705.png
[848422f64ecd4538a22de98a471c4451.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/aab64694f1704c2699c4a17499d048fc.png
[44d21d692ab242dcad952bf6571ed062.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/2d9bde7a561a42178cbbe0cf80df9af8.png
[64be91356018451380cf89d1cacb87c2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/64b3d577f76a484aa020c6b21905b497.png
[ab3fdeae12d944d8b8b2e6228fc9ac71.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/92611c10a754472385c71b85b493af92.png
[5ee888db37ba4a77a16635eef1d77d84.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/830cc6c944204f2da380bceb75bc5142.png
[895ade48eb8745ffb026c6afbb2b2176.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/bb8ebbab4b1d4b499a04faa3584ec139.png
[c53a3fed37054aaa8b211ba1d0b55955.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/70b9c2a332d9443d958c889b6762e933.png
[7ac1e6e95f924c368360126402b07692.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/07cda8744ac74f48854a0c566327274c.png
[8ab2ae2bbf754a8aad32b5d9e5114779.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/a98679e2df3a4d2c82e544de349fedd0.png
[bb1b8f3ff73c4a738f3c5d1c8370b09d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/1381ab53861047b0a1b1ad1cba5916d2.png
[c2b4950b066542ea82f1bb3e13a60de2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/c314e4b269734750b24d10a7a5f637d7.png
[483f1f57a6134abd85caf3c0150080fc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/8a3aac8a034d4b6f9f6edb48d648793f.png
[68691bcea2484d97b41ff4c39c4bc0f3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/8acac4bb35ed4d8d968d47513fce188c.png
[f70f7a82ee544f39b75841e0950cf197.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/7432a88660d24b0fbe64193f1575567e.png
[6f9312e4bdf24d8eaf6a84ff890b3d42.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/80d702864fbc4162b449bd29d4a944a2.png
[1b961d5731a74794a602aba6cf3fa9c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/8b3d9e2ccb5345e78ad77e0b9873f4b2.png
[0e8676b9c3e2447bae38d6b978bb040e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/593c1982f61b42abb6e3f890496790e3.png
[4ea0f983748949c3bec50e453dfb5c0f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/4c80968a5027420ca9378f8976739628.png
[9240b660068c4b3c9c76846aa0e53b24.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/3d0121ff9d0c4d3ba4c6389dd7f93eaf.png
[636f4936620f40b895b4b8a1f09885bb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/2b7b6c5c3b214c77b5de4110cced8310.png
[b2032f2dfd01473e8153162d19c2ed67.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/7b70632b4b484188ba5b53d50f9bee79.png
[184381f48b194c698eebf6d01a3e1cb4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/13e70692662848d28922f1e139f32db9.png
[7e0d3ba534554e419c277d19b4ca18c0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/37a625f05e744a0d91d4cb6b0113b2d0.png
[d4fce38d472946b9ad5d9f1cab15a64c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/4564b6195c884056bb21703866fa321c.png
[e6c83bd2749246fa9bf701d01252c5e7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/f1f003752e8f4336a8e313acd5965ae9.png
[9775aba01610470b99d30c71bfaaa785.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/2a4b877df3234ddd99c2db1042c0d919.png
[2190df9452de4d618da7bdb4e9592c50.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/c280037a482143779fc42912cfd973ac.png
[b46a69b4d4864ba58fca696a011c5eed.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/2c31a040782049a986b0367841114228.png