点击播放视频 ▼
第一章 绪论
1.1 选题背景
如今的信息时代，对信息的共享性，信息的流通性有着较高要求，尽管身边每时每刻都在产生大量信息，这些信息也都会在短时间内得到处理，并迅速传播。因为很多时候，管理层决策需要大量信息作为参考依据，也有些时候，各大企业或学校也需要使用工具宣传自身的文化理念等等，所以信息能够得到迅速传播并带给人们一定的参考价值，充分发挥信息本身的作用是很有必要的，而这些恰恰是传统模式所不能相比的。因此，借助工具让信息系统化，流程化，规范化是最终的发展结果，而这个工具则是计算机软件。本次设计实现的计算机软件校园失物招领网站，让其遵循实际操作流程的情况下，对失物招领实施规范化处理，让失物招领通过电子的方式进行保存，无论是管理人员检索失物招领，维护失物招领都可以便利化操作，真正缩短信息处理时间，节省人力和信息管理的成本。
1.2 选题意义
为了让失物招领的管理模式进行升级，也为了更好的维护失物招领，校园失物招领网站的开发运用就显得很有必要，因为它不仅可以让失物招领的管理人员统一完成信息管理，而且还会在保证失物招领处于安全状态的情况下，让失物招领的处理流程缩短，让信息的管理工作量减少，让失物招领的录入和后期维护缩短时间，以及节省管理失物招领需要投入的精力与资金。由于校园失物招领网站运用的技术比较成熟，所以它本身就具备了稳定的性能，连续24小时运行都毫无压力。而且还可以保证数据处理的质量。另外，校园失物招领网站为了满足易用性的用户需求，特意在页面的设计上合理布局各元素，让重要内容和导航功能在关键区域展示，让操作系统的用户可以毫不费力的完成系统的操作。总的说来，校园失物招领网站实现了信息资源的共享，让信息可以以更好的方式进行传播，让管理员的管理水平得到提升的同时，也让失物招领计算机化。
1.3 研究内容
根据校园失物招领网站设计与实现的流程来对整个系统进行说明。本文将从下述6个部分介绍系统。
第一部分：介绍选题的动因，包括介绍课题背景和意义等。
第二部分：介绍本系统选用的开发手段，包括编程语言，后台支持的数据库，开发类技术等。
第三部分：介绍系统的分析内容，包括投资决策必须的可行性研究，用户对功能的要求，系统运行的性能要求等知识。
第四部分：介绍系统的设计。包括对系统功能结构的设计，数据表结构设计等。
第五部分：介绍系统的实现。包括各模块实现的具体运行效果。
第六部分：介绍系统测试。包括检查系统功能，测试知识点的介绍等。
第二章 开发环境
对校园失物招领网站进行开发，需要了解开发技术的理论与实际运用，对开发工具，尤其是数据库的使用方法需要进行掌握。
2.1 SSM框架
SSM框架不是一个框架的名称，而是三个框架的首字母缩写，分别是Spring框架、SpringMVC框架、MyBatis框架。是目前Java开发者中学习的首选框架。
Spring框架继承了JavaEE和EJB框架的优点，在依赖注入方面去掉了臃肿的配置，在面向切面方面也简化了代码数量，提高了代码品质。依赖注解进行配置，让所有的依赖都可以通过程序的自动配置和寻找，减少了代码写作数量，提高了代码阅读性。
SpringMVC框架与Spring只是一个公司的，在底层代码结构上可以复用，但是最主要的功能是对数据提交请求进行过滤，并且对数据的返回进行过滤，不限于页面是jsp技术，也可以是其他的技术，更容易大型开发的集合技术。
MyBatis框架摒弃了Hibernate框架的配置臃肿方面，有时候Hibernate框架业务比较复杂的时候，代码量反而增加，性能下降，无法对底层的数据库语句优化，而MyBatis框架则有效的解决了这个方面，可以通过Java语句，对数据库操作语句进行优化，代码更简洁，执行效率更高，并且可以生产一些模块化代码，解决了开发过程中容易出现的实体映射方面的操作。
2.2jsp技术
JSP全名为Java Server Pages，其根本是一个简化的Servlet设计。它是在传统的网页HTML文件中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件。
JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。就像其他普通的网页一样，您的浏览器发送一个HTTP请求给服务器。
Web服务器识别出这是一个对JSP网页的请求，并且将该请求传递给JSP引擎。通过使用URL或者.jsp文件来完成。
JSP引擎从磁盘中载入JSP文件，然后将它们转化为servlet。这种转化只是简单地将所有模板文本改用println()语句，并且将所有的JSP元素转化成Java代码。
JSP引擎将servlet编译成可执行类，并且将原始请求传递给servlet引擎。
Web服务器的某组件将会调用servlet引擎，然后载入并执行servlet类。在执行过程中，servlet产生HTML格式的输出并将其内嵌于HTTP response中上交给Web服务器。
Web服务器以静态HTML网页的形式将HTTP response返回到您的浏览器中。
Web浏览器处理HTTP response中动态产生的HTML网页，就好像在处理静态网页一样。
2.4 HTML简介
HTML是超文本标记语言，都是用各种声明以及对称性的的特殊符号作为标记，用以浏览器解析。HTML还有一些基本标签，比如根元素标签就是，而文档元数据一般都写在了
标签里面，标题就是浏览器左上角的显示的网页内容，用的是
标签描述，<body>里是很重要的，描述的是浏览器显示的可见内容，如果想要在浏览器上面显示一些数据，那么肯定是要写在<body>标签里面的。关于定义标题或者换行以及段落，都有对应的标签。基本上各个浏览器都支持调试模式，一般都是用到了键盘上面用F12就可以看到标签形式的代码。</p>
<p>HTML作为一种超文本标记语言，是目前学习网站必须学习的第一门语言，要熟悉里面很多种标记，这种标记就是网页专属标记，只有这样浏览器才能解析相关信息。HTML里面包含了整整一套的标签，各种标签都有自己的功能，并且可以循环嵌套这些标签，比如一个表格里套着两个小小的表格。HTML一般文件名称的后缀都是html作为后缀，文档一般叫做web页面，里面的描述性标记语法被称为代码。</p>
<h2 id="25-myeclipse开发工具">2.5 MyEclipse开发工具</h2>
<p>MyEclipse是功能最全面的Java IDE。Java语言发展至今，已经与好多语言相互配合，并且各种语法都不一样，实现的效果不一样，造成现在的程序开发人员需要学习很多种语言，出现问题就解决问题，这是各种新的工具产生的一些动力。刚开始的Java需要自己安装开发环境和运行环境，然后手动新建文本，一句话一句话的进行编写，这样的功底需要极其的扎实，效率也是相当的低下，所以各种文本编辑工具就开始像雨后春笋一样的冒了出来，经过互联网的传播，大家使用后经过口碑，自然优胜略汰，大浪淘沙，到现在为止MyEclipse开发工具已经牢牢地占据了Java开发的半壁江山。MyEclipse的立足就是为了企业人员用的，企业开发讲究效率，不可能让所有的开发人员来了从电脑安装软件先开始，配置环境又需要花费太久的时间，MyEclipse就解决了这样的烦恼，只要安装了软件，各种Java程序都可以进行开发，可以对各种语法自动的进行检测，有效的提示细节处错误，并且可以在写作上面让对一些整段代码的移动复制都很便利，应用部署也是一键到位。</p>
<h1 id="第三章-系统分析">第三章 系统分析</h1>
<p>提前通过各种渠道，比如图书馆，电脑上的网站等渠道获取跟本系统有关联的资料，同时设计调查问卷，让系统的使用者参与调查，了解其对系统的需求，然后进行系统的分析，确定本系统的开发可行性，确定本系统的功能等内容。</p>
<h2 id="31可行性分析">3.1可行性分析</h2>
<p>这部分内容主要从开发的角度和运行使用的角度等层面研究系统，确定是否投资系统，为进一步开展工作提供理论依据。</p>
<h3 id="311技术可行性">3.1.1技术可行性</h3>
<p>本系统采用的技术和开发类语言都具备丰厚的理论基础，同时这些开发技术和开发语言在市面上都得到了广泛运用，很多功能实现的源码都以模块化的方式通过网络进行了公开，所以本系统可以参考这些代码实现功能。因此，系统开发技术可行。</p>
<h3 id="312操作可行性">3.1.2操作可行性</h3>
<p>校园失物招领网站根据用户阅读习惯对系统内容进行排版布局，把系统页面中的关键位置用来设置导航条，可以方便用户第一时间找到需要的内容，同时，页面中也会设置一些提示，用于帮助用户操作系统，因此，系统操作可行。</p>
<h3 id="313经济可行性">3.1.3经济可行性</h3>
<p>本系统需要在硬件设备上配置开发环境，就可以开展系统的开发工作。由于本系统并不是商业化程序，所以本人学习用的笔记本，或机房电脑都符合要求。对于开发环境的配置问题，可以通过网络直接下载安装，期间并不收取费用。因此，系统经济可行。</p>
<p>以上就是从技术，操作，经济的层面研究系统，最终确定系统可以开展。</p>
<h2 id="32系统流程分析">3.2系统流程分析</h2>
<p>要访问校园失物招领网站，需要符合要求的身份，证明访问者身份的信息就是在登录界面需要填写的信息，其中有用户名，有密码。在登录界面，系统后台也有专门编写的安全验证机制，只有信息匹配的访问者才有资格进入系统。具体流程见下图。如果访问者提供的信息在数据库中没有记录，就表明该访问者没有权限，也就无法享受系统提供的服务。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.001.png"
data-srcset="/images/0400ssm/ssm473/blog.001.png, /images/0400ssm/ssm473/blog.001.png 1.5x, /images/0400ssm/ssm473/blog.001.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.001.png"
title="/images/0400ssm/ssm473/blog.001.png" /></p>
<p>图3-1 操作流程图</p>
<p>在校园失物招领网站里面，任何填充的数据都要经过合法性验证，具体流程见下图。只有符合条件的数据才可以保存。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.002.png"
data-srcset="/images/0400ssm/ssm473/blog.002.png, /images/0400ssm/ssm473/blog.002.png 1.5x, /images/0400ssm/ssm473/blog.002.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.002.png"
title="/images/0400ssm/ssm473/blog.002.png" /></p>
<p>图3-2 添加信息流程图</p>
<p>经过时间的改变，系统里面的很多数据也需要更新，更新时，同样需要检查更新的数据是否合法，具体流程见下图。只有判断符合要求的数据最终才可以保存。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.003.png"
data-srcset="/images/0400ssm/ssm473/blog.003.png, /images/0400ssm/ssm473/blog.003.png 1.5x, /images/0400ssm/ssm473/blog.003.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.003.png"
title="/images/0400ssm/ssm473/blog.003.png" /></p>
<p>图3-3 修改信息流程图</p>
<p>为了避免操作者大意误删数据，任何需要删除的数据，都需要反复确认，具体流程见下图。删除的数据将不会在页面中显示。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.004.png"
data-srcset="/images/0400ssm/ssm473/blog.004.png, /images/0400ssm/ssm473/blog.004.png 1.5x, /images/0400ssm/ssm473/blog.004.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.004.png"
title="/images/0400ssm/ssm473/blog.004.png" /></p>
<p>图3-4 删除信息流程图</p>
<h2 id="33系统性能分析">3.3系统性能分析</h2>
<p>用户使用系统，一是为了阅读需要的信息；二是为了享受系统提供的服务。因此一个质量较好的系统就更容易让用户频繁使用。而能够反馈系统的质量的信息就是系统的性能。常见的能够表示系统性能的指标有安全性，系统可扩展性，数据完整性等。接下来就对这些指标进行介绍。</p>
<h3 id="331数据完整性">3.3.1数据完整性</h3>
<p>只要是系统中的数据，其长期保存在数据库里面，就要求其具备可靠性。这样才能发挥出数据具备的参考价值。一般来说，为了保证数据信息是准确的，并且可靠的，在数据处理上，包括录入数据，编辑数据等，都要求数据信息是完整登记的。同时，系统中的数据其自身需要具备完整性外，也要求数据之间产生的关系也要具备完整性。另外，在数据库中填充信息时，同样的信息应该以同样的方式出现在不同的表中。对于数据进行完整性定义，也是方便后期对数据的使用和查看。</p>
<h3 id="332系统可扩展性">3.3.2系统可扩展性</h3>
<p>站在当前用户需求的角度考虑问题具有一定的局限性，由此设计的系统也一样。为了保护开发系统的财产，同时也为了让系统长远立足市场，系统开发人员就需要充分预留系统的空间，让系统在未来的日子里可以扩充功能，并进行更新和升级。这就是系统具备可扩展性的表现。</p>
<h3 id="333系统安全性">3.3.3系统安全性</h3>
<p>系统在投入使用中，用户与系统的交互会产生数据，比如插入数据，编辑数据等操作都会产生数据。而作为系统的后台支持的数据库，主要任务就是保存这些数据。为了不让数据信息被窃取或者泄露，也是为了对系统的安全性进行保证，所以市面上也出现了很多的加密技术，其中MD5单向加密技术在系统中运用得最多。其原因有三点：</p>
<p>第一点，面对任意两段明文，在经过MD5加密处理后，它们的密文不一样；</p>
<p>第二点，面对任意一段明文，进行MD5加密处理后，其密文不变；</p>
<p>第三点，破解MD5加密的数据非常困难；</p>
<p>目前，关于MD5加密技术的代码已经可以从网站上下载，可以直接将模块化的代码在系统中直接引用。一般来说，用户注册的数据还有管理员登录系统使用的数据都是很重要的资源，所以这部分数据常常会经过加密处理，这样也就消除了系统安全上的隐患。</p>
<h1 id="第四章-系统设计">第四章 系统设计</h1>
<p>设计一个系统不单单是设计系统的页面，可以说系统设计其本质是一个结合了众多设计过程的比较复杂的系统工程。一般来说，在完成系统设计时，需要了解和掌握很多设计的知识，有界面布局技术的知识，页面采用的字体和颜色的运用，还有页面空白的规范使用等，如何将这些元素进行组合，让页面可以直观表达信息内容的同时，也能维持页面整体的美观。</p>
<h2 id="41-系统设计思想">4.1 系统设计思想</h2>
<p>系统开发必然需要统一设计思想。根据这个设计思想指导系统的开发，可以加快系统开发进程。根据目前用户对校园失物招领网站的需求，确定下述原则即为本系统的设计思想。</p>
<p>（1）实用性：本系统依照用户需求设计功能，遵循用户使用方便的原则，把用户在实际工作中的各个操作细节也充分考虑进来，让使用者在没有系统操作说明书的情况下，也能很容易的完成系统的操作。</p>
<p>（2）先进性：为了让本系统具备高性能，设计时，需要把目前的各种成熟技术加以考虑，比如软件开发技术也要考虑进去，比如计算机技术也需要进行考虑。对于系统结构的选择，本系统将毫不犹豫的选择成熟先进的B/S结构，方便开发的同时，对于后期的维护也提供了便利。</p>
<p>（3）高安全性：设计本系统时，对于一些系统的关键数据要严加看管，比如管理员本人的账号和密码，一定要加密保存在数据库里面。除此以外，也需要充分使用安全措施对用户的共享资源进行保护。</p>
<p>（4）可维护性：设计时，要提前考虑本系统的可维护性，因为一个便于维护的系统在后期产生的维护成本将会大大降低。维护一般包括软硬件的维护还有对于网络的维护等。</p>
<p>（5）可扩展性：重新开发一个新系统相比在原有系统上升级，会花费大量的资金和精力，由此，一个好的系统必定具备良好的可扩展性。在用户需求变动的情况下，可以通过系统的更新和升级来持续满足用户需求，这样的系统就具备了可扩展性。</p>
<h2 id="42功能结构设计">4.2功能结构设计</h2>
<p>这部分内容使用结构图这样的工具，显示设计结果，设计的管理员功能见下图。管理员为用户忘记密码时可以重置用户密码，管理失物招领、物品挂失、光荣榜、公告信息、及失物认领，</p>
<p>校园失物招领网站</p>
<p>用户信息管理</p>
<p>光荣榜管理</p>
<p>失物认领管理</p>
<p>商物品挂失管理</p>
<p>商失物招领管理</p>
<p>用用户信息修改</p>
<p>用用户信息新增</p>
<p>商失物招领添加</p>
<p>商失物招领删除</p>
<p>商失物招领修改</p>
<p>商物品挂失添加</p>
<p>商物品挂失修改</p>
<p>商物品挂失删除</p>
<p>商光荣榜添加</p>
<p>商光荣榜删改</p>
<p>商光荣榜删除</p>
<p>商失物认领添加</p>
<p>商失物认领修改</p>
<p>商失物认领删除</p>
<p>新</p>
<p>公告信息管理</p>
<p>新公告信息修改</p>
<p>新公告信息删除</p>
<p>新公告信息添加</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.005.png"
data-srcset="/images/0400ssm/ssm473/blog.005.png, /images/0400ssm/ssm473/blog.005.png 1.5x, /images/0400ssm/ssm473/blog.005.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.005.png"
title="/images/0400ssm/ssm473/blog.005.png" /></p>
<p>图4-1 管理员功能结构图</p>
<p>4.3 数据库设计</p>
<p>开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。</p>
<p>4.3.1 数据库概念设计</p>
<p>这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。</p>
<p>（1）下图是用户实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.006.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.006.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.006.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.006.jpeg, /images/0400ssm/ssm473/blog.006.jpeg 1.5x, /images/0400ssm/ssm473/blog.006.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.006.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户.jpg</figcaption>
</figure>
图4.1 用户实体属性图</p>
<p>（2）下图是光荣榜实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.007.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\光荣榜.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.007.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\光荣榜.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\光荣榜.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.007.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.007.jpeg, /images/0400ssm/ssm473/blog.007.jpeg 1.5x, /images/0400ssm/ssm473/blog.007.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.007.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\光荣榜.jpg</figcaption>
</figure>
图4.2 光荣榜实体属性图</p>
<p>（3）下图是字典表实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.008.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\字典表.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.008.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\字典表.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\字典表.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.008.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.008.jpeg, /images/0400ssm/ssm473/blog.008.jpeg 1.5x, /images/0400ssm/ssm473/blog.008.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.008.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\字典表.jpg</figcaption>
</figure>
图4.3 字典表实体属性图</p>
<p>（4）下图是失物招领实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.009.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.009.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.009.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.009.jpeg, /images/0400ssm/ssm473/blog.009.jpeg 1.5x, /images/0400ssm/ssm473/blog.009.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.009.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领.jpg</figcaption>
</figure>
图4.4 失物招领实体属性图</p>
<p>（5）下图是物品挂失实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.010.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.010.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.010.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.010.jpeg, /images/0400ssm/ssm473/blog.010.jpeg 1.5x, /images/0400ssm/ssm473/blog.010.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.010.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失.jpg</figcaption>
</figure>
图4.5 物品挂失实体属性图</p>
<p>（6）下图是失物招领留言实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.011.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领留言.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.011.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领留言.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领留言.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.011.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.011.jpeg, /images/0400ssm/ssm473/blog.011.jpeg 1.5x, /images/0400ssm/ssm473/blog.011.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.011.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物招领留言.jpg</figcaption>
</figure>
图4.6 失物招领留言实体属性图</p>
<p>（7）下图是论坛实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.012.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\论坛.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.012.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\论坛.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\论坛.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.012.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.012.jpeg, /images/0400ssm/ssm473/blog.012.jpeg 1.5x, /images/0400ssm/ssm473/blog.012.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.012.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\论坛.jpg</figcaption>
</figure>
图4.7 论坛实体属性图</p>
<p>（8）下图是失物认领实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.013.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物认领.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.013.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物认领.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物认领.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.013.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.013.jpeg, /images/0400ssm/ssm473/blog.013.jpeg 1.5x, /images/0400ssm/ssm473/blog.013.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.013.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\失物认领.jpg</figcaption>
</figure>
图4.8 失物认领实体属性图</p>
<p>（9）下图是公告实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.014.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\公告.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.014.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\公告.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\公告.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.014.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.014.jpeg, /images/0400ssm/ssm473/blog.014.jpeg 1.5x, /images/0400ssm/ssm473/blog.014.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.014.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\公告.jpg</figcaption>
</figure>
图4.9 公告实体属性图</p>
<p>（10）下图是物品挂失留言实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.015.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失留言.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.015.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失留言.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失留言.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.015.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.015.jpeg, /images/0400ssm/ssm473/blog.015.jpeg 1.5x, /images/0400ssm/ssm473/blog.015.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.015.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\物品挂失留言.jpg</figcaption>
</figure>
图4.10 物品挂失留言实体属性图</p>
<p>（11）下图是用户表实体和其具备的属性。</p>
<p><figure><a class="lightgallery" href="/images/0400ssm/ssm473/blog.016.jpeg" title="C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户表.jpg" data-thumbnail="/images/0400ssm/ssm473/blog.016.jpeg" data-sub-html="<h2>C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户表.jpg</h2><p>C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户表.jpg</p>">
<img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.016.jpeg"
data-srcset="/images/0400ssm/ssm473/blog.016.jpeg, /images/0400ssm/ssm473/blog.016.jpeg 1.5x, /images/0400ssm/ssm473/blog.016.jpeg 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.016.jpeg" />
</a><figcaption class="image-caption">C:\Users\Administrator\Desktop\img\shiwuzaolinga\用户表.jpg</figcaption>
</figure>
图4.11 用户表实体属性图</p>
<h3 id="432-数据库表结构">4.3.2 数据库表结构</h3>
<p>很多时候，在进行数据表的存储结构的设计时，都会遇到一些困扰，比如每张数据表如何命名，如何设计每张数据表里面的字段，如何为各个字段进行命名，以及如何设置字段的取值范围等信息。很多初学者，在进行表结构设计时，无论是对表进行命名，还是对字段进行命名，都是采用中文的方式，导致在编码阶段，在对数据进行操作时，总是报错，影响编码人员的开发速度，而且一旦数据表结构建立之后，后期进行修改也比较麻烦。因为设计数据表的结构，就意味着程序中需要长期保存的数据都是根据这样的结构进行保存的，在后面的使用中，无论是程序数据往数据表中写入，还是需要编辑或删除数据，都是按照这个规则进行。如此说来，设计数据库也是非常重要的任务，它关系到后面程序的开发，也关系到程序的运行使用。</p>
<p>通常在设计数据表结构时，会把前面设计的E-R图进行表结构的转化。把实体用来代表数据表，把其属性，也就是椭圆形代表的内容用来表示数据表中的字段，然后根据程序对于数据的存储要求，设计字段的类型和长度。比如用户的年龄可以用int（整数型），设置其长度为4或者6等。总之，数据表结构一旦建立，就可以往里面填充数据了。</p>
<p>表4.1字典表表</p>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">dic_code</td>
<td style="text-align:center">String</td>
<td style="text-align:center">字段</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">dic_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">字段名</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">code_index</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">编码</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">index_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">编码名字</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">super_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">父字段id</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">beizhu</td>
<td style="text-align:center">String</td>
<td style="text-align:center">备注</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.2论坛表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">forum_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">帖子标题</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">forum_content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">发布内容</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">super_ids</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">父id</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">forum_state_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">帖子状态</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">insert_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">发帖时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">update_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">修改时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">9</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.3光荣榜表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">guangrongbang_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">标题</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">shiwuzhaoling_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">guangrongbang_photo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">图片</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">guangrongbang_content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">详情</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.4公告表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">news_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">公告名称</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">news_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">公告类型</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">news_photo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">公告图片</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">insert_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">公告时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">news_content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">公告详情</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.5失物认领表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">shiwuzhaoling_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">失物id</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">认领用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">yesno_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">审核</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">shiwurenling_text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">详情</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">insert_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">认领时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.6失物招领表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">shiwuzhaoling_uuid_number</td>
<td style="text-align:center">String</td>
<td style="text-align:center">失物编号</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">shiwuzhaoling_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">物品名称</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">shiwuzhaoling_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品类型</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">status_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品状态</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">shiwuzhaoling_photo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">物品图片</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">shiwuzhaoling_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">拾遗时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">9</td>
<td style="text-align:center">shiwuzhaoling_dizhi</td>
<td style="text-align:center">String</td>
<td style="text-align:center">拾遗地址</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">10</td>
<td style="text-align:center">shiwuzhaoling_content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">详情</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">11</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.7失物招领留言表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">shiwuzhaoling_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">shiwuzhaoling_liuyan_text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">留言内容</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">reply_text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">回复内容</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">insert_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">留言时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">update_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">回复时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.8物品挂失表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">wupinguashi_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">物品名称</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">shiwuzhaoling_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品类型</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">status_types</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品状态</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">wupinguashi_photo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">物品图片</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">wupinguashi_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">丢失时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">wupinguashi_dizhi</td>
<td style="text-align:center">String</td>
<td style="text-align:center">丢失地址</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">9</td>
<td style="text-align:center">wupinguashi_content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">详情</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">10</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.9物品挂失留言表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">wupinguashi_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">物品</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id</td>
<td style="text-align:center">Integer</td>
<td style="text-align:center">用户</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">wupinguashi_liuyan_text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">留言内容</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">reply_text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">回复内容</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">insert_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">留言时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">7</td>
<td style="text-align:center">update_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">回复时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">8</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.10用户表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">yonghu_name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">用户姓名</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">yonghu_id_number</td>
<td style="text-align:center">String</td>
<td style="text-align:center">身份证号</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">yonghu_phone</td>
<td style="text-align:center">String</td>
<td style="text-align:center">手机号</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">yonghu_photo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">照片</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">6</td>
<td style="text-align:center">create_time</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">创建时间</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">表4.11用户表表</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align:center">序号</th>
<th style="text-align:center">列名</th>
<th style="text-align:center">数据类型</th>
<th style="text-align:center">说明</th>
<th style="text-align:center">允许空</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Id</td>
<td style="text-align:center">Int</td>
<td style="text-align:center">id</td>
<td style="text-align:center">否</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">username</td>
<td style="text-align:center">String</td>
<td style="text-align:center">用户名</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">password</td>
<td style="text-align:center">String</td>
<td style="text-align:center">密码</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">4</td>
<td style="text-align:center">role</td>
<td style="text-align:center">String</td>
<td style="text-align:center">角色</td>
<td style="text-align:center">是</td>
</tr>
<tr>
<td style="text-align:center">5</td>
<td style="text-align:center">addtime</td>
<td style="text-align:center">Date</td>
<td style="text-align:center">新增时间</td>
<td style="text-align:center">是</td>
</tr>
</tbody>
</table>
<h1 id="heading"></h1>
<h1 id="第五章-系统实现">第五章 系统实现</h1>
<p>前面做的所有工作，都是为了给系统实现做准备。在系统实现期间，需要根据设计方案执行，通过运用编码技术实现一个可以处理事务的系统。</p>
<h3 id="51用户信息管理">5.1用户信息管理</h3>
<p>如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，</p>
<p>还进行了对用户名称的模糊查询的条件</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.017.png"
data-srcset="/images/0400ssm/ssm473/blog.017.png, /images/0400ssm/ssm473/blog.017.png 1.5x, /images/0400ssm/ssm473/blog.017.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.017.png"
title="/images/0400ssm/ssm473/blog.017.png" /></p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.018.png"
data-srcset="/images/0400ssm/ssm473/blog.018.png, /images/0400ssm/ssm473/blog.018.png 1.5x, /images/0400ssm/ssm473/blog.018.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.018.png"
title="/images/0400ssm/ssm473/blog.018.png" /></p>
<p>图5.1 用户信息管理页面</p>
<h3 id="52-失物招领管理">5.2 失物招领管理</h3>
<p>如图5.2显示的就是失物招领管理页面，此页面提供给管理员的功能有：查看已发布的失物招领数据，修改失物招领，失物招领作废，即可删除，还进行了对失物招领名称的模糊查询 失物招领信息的类型查询等等一些条件。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.019.png"
data-srcset="/images/0400ssm/ssm473/blog.019.png, /images/0400ssm/ssm473/blog.019.png 1.5x, /images/0400ssm/ssm473/blog.019.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.019.png"
title="/images/0400ssm/ssm473/blog.019.png" /></p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.020.png"
data-srcset="/images/0400ssm/ssm473/blog.020.png, /images/0400ssm/ssm473/blog.020.png 1.5x, /images/0400ssm/ssm473/blog.020.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.020.png"
title="/images/0400ssm/ssm473/blog.020.png" /></p>
<p>图5.2 失物招领管理页面</p>
<h3 id="53失物认领管理">5.3失物认领管理</h3>
<p>如图5.3显示的就是失物认领管理页面，此页面提供给管理员的功能有：根据失物认领进行条件查询，还可以对失物认领进行新增、修改、查询操作等等。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.021.png"
data-srcset="/images/0400ssm/ssm473/blog.021.png, /images/0400ssm/ssm473/blog.021.png 1.5x, /images/0400ssm/ssm473/blog.021.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.021.png"
title="/images/0400ssm/ssm473/blog.021.png" /></p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.022.png"
data-srcset="/images/0400ssm/ssm473/blog.022.png, /images/0400ssm/ssm473/blog.022.png 1.5x, /images/0400ssm/ssm473/blog.022.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.022.png"
title="/images/0400ssm/ssm473/blog.022.png" /></p>
<p>图5.3 失物认领管理页面</p>
<h3 id="51公告信息管理">5.1公告信息管理</h3>
<p>如图5.4显示的就是公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。</p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.023.png"
data-srcset="/images/0400ssm/ssm473/blog.023.png, /images/0400ssm/ssm473/blog.023.png 1.5x, /images/0400ssm/ssm473/blog.023.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.023.png"
title="/images/0400ssm/ssm473/blog.023.png" /></p>
<p><img
class="lazyload"
src="/svg/loading.min.svg"
data-src="/images/0400ssm/ssm473/blog.024.png"
data-srcset="/images/0400ssm/ssm473/blog.024.png, /images/0400ssm/ssm473/blog.024.png 1.5x, /images/0400ssm/ssm473/blog.024.png 2x"
data-sizes="auto"
alt="/images/0400ssm/ssm473/blog.024.png"
title="/images/0400ssm/ssm473/blog.024.png" /></p>
<p>图5.4 公告信息管理页面</p>
<h1 id="结--论">结 论</h1>
<p>从设计到制作完成，本系统已经花了三四个月时间，这期间也得到了导师的帮助。不然我不可能在这么短时间完成。校园失物招领网站的开发，是一个运用理论知识来指导实际工作的任务。尽管已经充分把大学期间，从书本上学习的知识运用了进来，但还是发现自身知识的匮乏。不过比较有收获的事情就是，通过本系统的开发，我对计算机软件的开发有了重新的见解，也知道它实现的具体流程，并且自己通过实际操作，不仅重新回顾和补充了以往学习的书本知识，也知道理论和实际操作之间的相互关系，并能够在一定环境下，让理论指导实践。项目能够完成，也代表着我自身开发能力的进步。</p>
<p>项目制作期间，我觉得最关键的环节就是系统的分析和设计，分析系统具备的功能需要多查找同类型系统的资料，并把用户需求进行参考，才可以得出本系统的需求。设计时也是在需求分析的基础上开展，也是对功能的具体细分，同时还有设计保存数据的数据库，不但要创建合适的数据表，也需要认真对表结构进行构思，尤其是表的字段设计，还有表关系的设计也是很关键的设计环节。因为后期的编码都是根据设计文档开展下去的。编码虽然对编程技术的要求较高，但是一些良好的编程习惯也不能忽视，比如注释代码，这样便于后期的程序维护。还有学会如何对变量取名，因为程序里面涉及到的变量有很多，一个方便记忆，又容易与其它变量区分的变量名称是非常有益的，可以节省编码和测试过程的时间。</p>
<p>校园失物招领网站完全根据需求文档设计制作，可以在数据处理上发挥它的优势，而且使用者也能轻松完成对系统的操作。从界面设计的角度来看，校园失物招领网站始终遵循简单大方的原则，让使用者一进入系统界面，不会产生压抑等负面情绪，而是比较愉悦的心情去操作系统。从程序编码的角度来看，本系统设计的结构比较清晰，而且编码的方式也比较规范化，在关键处也都进行了代码注释。从数据存储的角度来看，本系统选用的MySQL数据库，本身比较轻盈，但能短时间完成大量数据的处理，其提供的功能不可小觑。</p>
<p>作为毕设进行制作的校园失物招领网站，其缺陷也是显而易见的，只能说需求文档要求的大致功能都得到实现，但是程序的有些操作逻辑还是比较复杂，并没有进行优化，在今后的时间里，将会继续学习新技术，利用重构的方式设计本系统，使之具备更强的可扩展性，让系统日趋完善。</p>
<h1 id="致--谢">致 谢</h1>
<p>大学生活真的很美好，不仅可以学到很多本专业的知识，还能在本校交到兴趣相投的朋友，还有身边授课的老师也都很好，他们虽然扮演着老师的角色，但课堂下却像朋友一样交流相处。所以，在即将毕业的时刻，我又突然很庆幸来到了这里上大学。</p>
<p>在大学里，我觉得自己的知识增加了很多，遇到问题可以想办法去解决，锻炼了我的知识运用能力。看到自己的成长，内心非常激动，同时也想对本校的老师表示感谢。还有对我的大学校园表示感谢，以及对我的舍友和同学表示感谢。</p>
<p>感谢校园的授课老师和指导我毕业的老师，他们把自身所学知识都教给了我们，我们才会获取知识并取得进步，指导我毕业的老师，在我的项目制作，和后期的文档编写阶段，都尽最大努力帮助我，对我遇到的问题，他都耐心告诉我怎么去解决，让我自己在本项目制作中，得到锻炼。我也从指导老师那里学到了很多知识，在此，感谢他的帮助和引导，我才可以在短短几个月时间设计实现我的项目。</p>
<p>陪着我一起努力的还有我的舍友和同学，我们多次面对面交流如何寻找资料，以及一些编程的小技巧等知识，正因为我们互相帮助，才可以节省项目制作的时间，也让我有足够的精力去完善自己制作的项目。</p>
<p>最后，感谢学校提供的读书环境，以及给我学习锻炼的机会。</p>
</div><div class="post-footer" id="post-footer">
<div class="post-info">
<div class="post-info-line">
<div class="post-info-mod">
<span>更新于 2024-04-02</span>
</div></div>
<div class="post-info-line">
<div class="post-info-md"><span>
<a class="link-to-markdown" href="/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/index.md" target="_blank">阅读原始文档</a>
</span></div>
<div class="post-info-share">
<span><a href="javascript:void(0);" title="分享到 Twitter" data-sharer="twitter" data-url="https://chenqi199.github.io/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/" data-title="ssm473校园失物招领网站的研发+jsp" data-hashtags="ssm校园,失物招领,招领网站,网站研发,校园失物"><i class="fab fa-twitter fa-fw" aria-hidden="true"></i></a><a href="javascript:void(0);" title="分享到 Facebook" data-sharer="facebook" data-url="https://chenqi199.github.io/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/" data-hashtag="ssm校园"><i class="fab fa-facebook-square fa-fw" aria-hidden="true"></i></a><a href="javascript:void(0);" title="分享到 Hacker News" data-sharer="hackernews" data-url="https://chenqi199.github.io/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/" data-title="ssm473校园失物招领网站的研发+jsp"><i class="fab fa-hacker-news fa-fw" aria-hidden="true"></i></a><a href="javascript:void(0);" title="分享到 Line" data-sharer="line" data-url="https://chenqi199.github.io/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/" data-title="ssm473校园失物招领网站的研发+jsp"><i data-svg-src="https://cdn.jsdelivr.net/npm/simple-icons@7.3.0/icons/line.svg" aria-hidden="true"></i></a><a href="javascript:void(0);" title="分享到 微博" data-sharer="weibo" data-url="https://chenqi199.github.io/ssm473%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99%E7%9A%84%E7%A0%94%E5%8F%91-jsp/" data-title="ssm473校园失物招领网站的研发+jsp" data-ralateuid="https://gitee.com/chen_q_i"><i class="fab fa-weibo fa-fw" aria-hidden="true"></i></a></span>
</div>
</div>
</div>
<div class="post-info-more">
<section class="post-tags"><i class="fas fa-tags fa-fw" aria-hidden="true"></i> <a href="/tags/ssm%E6%A0%A1%E5%9B%AD/">Ssm校园</a>, <a href="/tags/%E5%A4%B1%E7%89%A9%E6%8B%9B%E9%A2%86/">失物招领</a>, <a href="/tags/%E6%8B%9B%E9%A2%86%E7%BD%91%E7%AB%99/">招领网站</a>, <a href="/tags/%E7%BD%91%E7%AB%99%E7%A0%94%E5%8F%91/">网站研发</a>, <a href="/tags/%E6%A0%A1%E5%9B%AD%E5%A4%B1%E7%89%A9/">校园失物</a></section>
<section>
<span><a href="javascript:void(0);" onclick="window.history.back();">返回</a></span> | <span><a href="/">主页</a></span>
</section>
</div>
<div class="post-nav"><a href="/ssm474%E7%8E%89%E5%AE%89%E5%86%9C%E5%89%AF%E4%BA%A7%E5%93%81%E9%94%80%E5%94%AE%E7%B3%BB%E7%BB%9F%E7%9A%84%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%AE%9E%E7%8E%B0-jsp/" class="prev" rel="prev" title="ssm474玉安农副产品销售系统的设计与实现+jsp"><i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>ssm474玉安农副产品销售系统的设计与实现+jsp</a>
<a href="/ssm477%E5%9B%BE%E4%B9%A6%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F-vue/" class="next" rel="next" title="ssm477图书管理系统+vue">ssm477图书管理系统+vue<i class="fas fa-angle-right fa-fw" aria-hidden="true"></i></a></div>
</div>
<div id="comments"><div id="valine" class="comment"></div><noscript>
Please enable JavaScript to view the comments powered by <a href="https://valine.js.org/">Valine</a>.
</noscript></div></article></div>
</main><footer class="footer">
<div class="footer-container"><div class="footer-line">由 <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.128.2">Hugo</a> 强力驱动 | 主题 - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.11"><i class="far fa-kiss-wink-heart fa-fw" aria-hidden="true"></i> LoveIt</a>
</div><div class="footer-line" itemscope itemtype="http://schema.org/CreativeWork"><i class="far fa-copyright fa-fw" aria-hidden="true"></i><span itemprop="copyrightYear">2019 - 2024</span><span class="author" itemprop="copyrightHolder"> <a href="chenqi199" target="_blank">chenqi</a></span> | <span class="license"><a rel="license external nofollow noopener noreffer" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a></span></div>
</div>
</footer></div>
<div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="回到顶部">
<i class="fas fa-arrow-up fa-fw" aria-hidden="true"></i>
</a><a href="#" id="view-comments" class="fixed-button" title="查看评论">
<i class="fas fa-comment fa-fw" aria-hidden="true"></i>
</a>
</div><link rel="stylesheet" href="/lib/valine/valine.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/valine@1.5.0/dist/Valine.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.38.1/dist/autocomplete.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/algoliasearch@4.13.1/dist/algoliasearch-lite.umd.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lazysizes@5.3.2/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sharer.js@0.5.1/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"复制到剪贴板","maxShownLines":50},"comment":{"valine":{"appId":"QGzwQXOqs5JOhN4RGPOkR2mR-MdYXbMMI","appKey":"WBmoGyJtbqUswvfLh6L8iEBr","avatar":"mp","el":"#valine","emojiCDN":"https://cdn.jsdelivr.net/npm/emoji-datasource-google@14.0.0/img/google/64/","emojiMaps":{"100":"1f4af.png","alien":"1f47d.png","anger":"1f4a2.png","angry":"1f620.png","anguished":"1f627.png","astonished":"1f632.png","black_heart":"1f5a4.png","blue_heart":"1f499.png","blush":"1f60a.png","bomb":"1f4a3.png","boom":"1f4a5.png","broken_heart":"1f494.png","brown_heart":"1f90e.png","clown_face":"1f921.png","cold_face":"1f976.png","cold_sweat":"1f630.png","confounded":"1f616.png","confused":"1f615.png","cry":"1f622.png","crying_cat_face":"1f63f.png","cupid":"1f498.png","dash":"1f4a8.png","disappointed":"1f61e.png","disappointed_relieved":"1f625.png","dizzy":"1f4ab.png","dizzy_face":"1f635.png","drooling_face":"1f924.png","exploding_head":"1f92f.png","expressionless":"1f611.png","face_vomiting":"1f92e.png","face_with_cowboy_hat":"1f920.png","face_with_hand_over_mouth":"1f92d.png","face_with_head_bandage":"1f915.png","face_with_monocle":"1f9d0.png","face_with_raised_eyebrow":"1f928.png","face_with_rolling_eyes":"1f644.png","face_with_symbols_on_mouth":"1f92c.png","face_with_thermometer":"1f912.png","fearful":"1f628.png","flushed":"1f633.png","frowning":"1f626.png","ghost":"1f47b.png","gift_heart":"1f49d.png","green_heart":"1f49a.png","grimacing":"1f62c.png","grin":"1f601.png","grinning":"1f600.png","hankey":"1f4a9.png","hear_no_evil":"1f649.png","heart":"2764-fe0f.png","heart_decoration":"1f49f.png","heart_eyes":"1f60d.png","heart_eyes_cat":"1f63b.png","heartbeat":"1f493.png","heartpulse":"1f497.png","heavy_heart_exclamation_mark_ornament":"2763-fe0f.png","hole":"1f573-fe0f.png","hot_face":"1f975.png","hugging_face":"1f917.png","hushed":"1f62f.png","imp":"1f47f.png","innocent":"1f607.png","japanese_goblin":"1f47a.png","japanese_ogre":"1f479.png","joy":"1f602.png","joy_cat":"1f639.png","kiss":"1f48b.png","kissing":"1f617.png","kissing_cat":"1f63d.png","kissing_closed_eyes":"1f61a.png","kissing_heart":"1f618.png","kissing_smiling_eyes":"1f619.png","laughing":"1f606.png","left_speech_bubble":"1f5e8-fe0f.png","love_letter":"1f48c.png","lying_face":"1f925.png","mask":"1f637.png","money_mouth_face":"1f911.png","nauseated_face":"1f922.png","nerd_face":"1f913.png","neutral_face":"1f610.png","no_mouth":"1f636.png","open_mouth":"1f62e.png","orange_heart":"1f9e1.png","partying_face":"1f973.png","pensive":"1f614.png","persevere":"1f623.png","pleading_face":"1f97a.png","pouting_cat":"1f63e.png","purple_heart":"1f49c.png","rage":"1f621.png","relaxed":"263a-fe0f.png","relieved":"1f60c.png","revolving_hearts":"1f49e.png","right_anger_bubble":"1f5ef-fe0f.png","robot_face":"1f916.png","rolling_on_the_floor_laughing":"1f923.png","scream":"1f631.png","scream_cat":"1f640.png","see_no_evil":"1f648.png","shushing_face":"1f92b.png","skull":"1f480.png","skull_and_crossbones":"2620-fe0f.png","sleeping":"1f634.png","sleepy":"1f62a.png","slightly_frowning_face":"1f641.png","slightly_smiling_face":"1f642.png","smile":"1f604.png","smile_cat":"1f638.png","smiley":"1f603.png","smiley_cat":"1f63a.png","smiling_face_with_3_hearts":"1f970.png","smiling_imp":"1f608.png","smirk":"1f60f.png","smirk_cat":"1f63c.png","sneezing_face":"1f927.png","sob":"1f62d.png","space_invader":"1f47e.png","sparkling_heart":"1f496.png","speak_no_evil":"1f64a.png","speech_balloon":"1f4ac.png","star-struck":"1f929.png","stuck_out_tongue":"1f61b.png","stuck_out_tongue_closed_eyes":"1f61d.png","stuck_out_tongue_winking_eye":"1f61c.png","sunglasses":"1f60e.png","sweat":"1f613.png","sweat_drops":"1f4a6.png","sweat_smile":"1f605.png","thinking_face":"1f914.png","thought_balloon":"1f4ad.png","tired_face":"1f62b.png","triumph":"1f624.png","two_hearts":"1f495.png","unamused":"1f612.png","upside_down_face":"1f643.png","weary":"1f629.png","white_frowning_face":"2639-fe0f.png","white_heart":"1f90d.png","wink":"1f609.png","woozy_face":"1f974.png","worried":"1f61f.png","yawning_face":"1f971.png","yellow_heart":"1f49b.png","yum":"1f60b.png","zany_face":"1f92a.png","zipper_mouth_face":"1f910.png","zzz":"1f4a4.png"},"enableQQ":false,"highlight":true,"lang":"zh-CN","pageSize":10,"placeholder":"你的评论 ...","recordIP":true,"serverURLs":"https://leancloud.hugoloveit.com","visitor":true}},"search":{"algoliaAppID":"PASDMWALPK","algoliaIndex":"index.zh-cn","algoliaSearchKey":"b42948e51daaa93df92381c8e2ac0f93","highlightTag":"em","maxResultLength":10,"noResultsFound":"没有找到结果","snippetLength":50,"type":"algolia"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
