The campus lost and found system of the WeChat applet
Summary
With the rapid development of my country's economy, people's demand for mobile phones is increasing, and various mobile phone software are also being widely used, but for data information management of mobile phones, various software for mobile phones are also loved by users, WeChat The campus lost and found system of the mini program is widely used by users. In order to facilitate users to manage the data and information of the campus lost and found system of the WeChat mini program at any time, the management system of the campus lost and found system based on the WeChat mini program is specially developed.
The campus lost and found system of the WeChat applet mainly considers the functions to be realized by the system in detail, and designs the interface after determining the functions to be realized. In the process, it is also necessary to consider how to better integrate the functions and pages. Combined, it is convenient for users to find the information they need easily and clearly, as well as the operability of the system platform in the later stage, and technology development can be carried out through a detailed understanding of the information content.
The development of the campus lost and found system of the WeChat applet uses the existing mature technical references, uses the source code as a template, analyzes the function adjustment and combines the actual needs of the campus lost and found system management of the WeChat applet, and discusses the WeChat applet-based system. Use of campus lost and found system management.
Keywords: campus lost and found system of WeChat applet; node.js
Campus lost and found system based on wechat applet
Abstract
With the rapid development of China's economy, people's demand for mobile phones is increasing, and various mobile phone software are also widely used. However, data information management for mobile phones and various software for mobile phones are also loved by users. The campus lost and found system of wechat applet is widely used by users. In order to facilitate users to manage the data information of campus lost and found system of wechat applet at any time, The management system of campus lost and found system based on wechat applet is developed.
The campus lost and found system of wechat applet mainly considers the functions to be realized by the system in detail, and designs the interface after determining the functions to be realized. In the middle, it also considers how to better combine the functions and pages, so that users can easily and clearly find the information they need, as well as the operability of the system platform in the later stage, Develop technology through detailed understanding of information content.
The development of campus lost and found system of wechat applet makes use of the existing mature technology reference, takes the source code as the template, analyzes the function adjustment, and combines the actual needs of campus lost and found system management of wechat applet, and discusses the use of campus lost and found system management based on wechat applet.
Key words: campus lost and found system of wechat applet; node.js
Table of contents
The campus lost and found system of the WeChat applet
Campus lost and found system based on wechat applet
1.1 Background of topic selection
Chapter 2 Introduction of Development Tools and Key Technologies
2.2 Mini Program Framework and Directory Structure Introduction
3.2.1 Technical Feasibility: Technical Background
3.4.2 Information adding process
3.4.3 Information deletion process
Chapter 4 System Design and Implementation
4.1 System architecture design
4.2 Development process design
Chapter 5 System Implementation
5.1 User front-end function module (front-end)
Chapter One Introduction
1.1 Background of topic selection
With the advent of the Internet age, the advantages and popularity of the Internet are constantly affecting and changing people's lifestyles. Today, with the rapid development of information technology, computer technology has spread all over the world, which has brought about great changes in society.
In order not to be limited by time and place, smart phone users can access websites and handle various businesses and the Internet through the mobile network, which is an effective way to extend the functions of the application system to mobile terminals. Nowadays, all kinds of smart phones emerge in an endless stream, and various software based on mobile phone platforms emerge as the times require. Among them, among the many communication software, WeChat is favored by people. In recent years, the development scale of WeChat has become larger and larger, and more and more people have begun to use WeChat. At present, with the popularization of smart phone systems, almost everyone has WeChat on their mobile phones.
Therefore, WeChat launched mini-program advertisements to support the attention of official accounts, which means that the channel between the mini-programs and official accounts has been completely opened up. The campus lost and found system of the WeChat applet in this paper mainly involves programs, databases and computer technologies. Covering a wide range of knowledge can greatly improve the work efficiency of system personnel.
1.2 Research Status
With the development of society and the advancement of science and technology, Internet technology is becoming more and more popular. The lifestyle of network communication is gradually loved by the broad masses of the people. More and more Internet enthusiasts have begun to meet their basic needs on the Internet, and at the same time, it has gradually entered the daily life of various users. Internet has many advantages such as convenience, speed, high efficiency and low cost. Therefore, the campus lost and found system similar to the WeChat applet can meet the needs of users who are busy at work. It is not only a way for users to view information at any time, but also improves management efficiency.
This paper first takes the basic issues of the campus lost and found system process of the WeChat applet as the research object. Before developing the system, we conducted a detailed investigation and analysis of the existing situation. Finally, we used computer technology to develop a complete and suitable campus lost and found system for WeChat applets. The main advantages of the system are: the system is mainly developed by computer technology, which is convenient and fast; the system can view all information management of users through the administrator interface.
The campus lost and found system management system software of the WeChat applet is a convenient, fast and practical information service query software. With the continuous popularization of intelligent networks in the global market and the use of various intelligent platforms, the development of the system is related to people's daily needs. As a mainstream intelligent technology development system in China, such software is naturally needed to meet the needs of more users and experience.
1.3 Research content
The development and implementation of the campus lost and found system of the WeChat applet, the required work content:
(1) First of all, determine the topic, determine the system to be built, and conduct a preliminary systematic confirmation of the background of the system and some problems currently facing it.
(2) After the system confirmation is completed, confirm the technology used for system development in combination with the needs of system development. The development of the campus lost and found system of this WeChat applet uses node.js technology, and the database is used for platform construction and development. Confirm the used Technology for technical analysis, whether the technology used can complete the realization of the campus lost and found system of the WeChat applet.
(3) Determine the technology used by the system, confirm the user roles divided by the system online, and determine the functional modules to be designed according to the division of user roles. For the design of the campus lost and found system system of the WeChat applet, it is mainly divided into administrators The role of users and the functional modules used are also different, but the content of the database of the system is interactive, and users can access course information according to their own needs at any time. Processing and operation, the administrator obtains the detailed data information of all users, and processes and solves it as soon as possible according to the needs.
(4) Design the program and interface after the functional modules of the system are confirmed. The test method finds out the loopholes in the program, and solves the loopholes in the program online. If there is no problem in the test system, the system can be uploaded for formal operation.
2.1 WeChat Developer Tools
The WeChat developer tool has now been developed and run by the small program development team. At present, the WeChat developer tool is still being continuously improved, and it is often updated when developing a small program. You can use the WeChat code to log in to the developer tool, and the developer tool will use the information of this WeChat account to develop and debug the applet.
Model selection: The applet uses the screen size of the smartphone as the design standard to cut pictures.
Preview interface: After writing the view layout, click compile to refresh the view interface.
Console: It is convenient to debug and print out information.
Upload code: upload to the Tencent server, and submit for review. You can fill in the version number and remarks when uploading the code.
Resource file: Generally, you can perform breakpoint debugging of the file directory of the corresponding project in the resource file.
Display remote debugging: The joint debugging of mobile phone and PC development tools is very practical for users.
Local data storage: Displays the data stored locally.
View debugging: The standard components are presented in a child-parent hierarchical structure, which is convenient for debugging.
WeChat is limited to a code volume within 2M; the legal domain name information is generally not verified during development; the server domain name needs to be configured in the background of the applet.
The above are the functions commonly used by WeChat developer tools during the development process, and the WeChat developer tools are also constantly being improved.
2.2 Mini Program Framework and Directory Structure Introduction
The entire applet framework system is divided into two parts: logic layer and view layer . The goal of the mini program development framework is to allow developers to develop services with native mini program experience in WeChat in the simplest and most efficient way possible. The applet provides a data transmission and event system between the view layer and the logic layer, and provides its own view layer and logic layer framework, allowing developers to focus on data and logic. At the heart of the framework is a reactive data binding system that makes keeping data and views in sync very simple. Data modification at the logical layer will be updated accordingly at the view layer. The framework provides a set of basic components. These components come with WeChat-style styles and special logic. Developers can create powerful WeChat applets by combining basic components.
2.3 Introduction to koa framework :
Node.js is an asynchronous world. The official API supports the asynchronous programming model in the form of callback, which will bring many problems, such as: 1. The problem of callback nesting; 2. The callback may be called synchronously in the asynchronous function to return data. bring about inconsistency. In order to solve the above problems Koa appeared.
Koa was built by the original team of Express, and is committed to becoming a smaller, more expressive, and more robust web framework. Using koa to write web applications can avoid repeated and tedious nesting of callback functions, and greatly improve the efficiency of error handling. Koa does not bind any middleware in the kernel method, it only provides a lightweight and elegant function library, making it easy to write web applications. The development idea is similar to that of express, and the biggest feature is that it can avoid asynchronous nesting.
Ali is using the Koa framework internally, and has made some extensions and packages based on Koa. And developed an open source framework egg based on koa.
2. 4 Mysql database
Databases are an integral part of the system development process. In terms of WEB applications, MySQL AB has developed a MySQL relational database management system with great advantages. MySQL can store data in different tables, which is very flexible, and can also improve the speed of the system in practical applications. Database access is most commonly used in the standard SQL language, and MySQL is used in the SQL language, so it is highly compatible. Database operations are essential, including functions such as adding, deleting, modifying, and querying database tables. Nowadays, databases can be divided into relational databases and non-relational databases. Mysql is a relational database. Mysql database is a small relational database. It has its own characteristics: small size, fast speed, low cost, etc. Mysql The database is by far the most popular open source database.
In WEB application technology, Mysql database supports different operating system platforms. Although the installation and configuration under different platforms are different, the difference is not very big. There are two installation methods of Mysql under Windows platform, binary version and installation-free Version. After installing the Mysql database, you need to start the service process, and the corresponding client can connect to the database, and the client can log in to the database through a command line or a graphical interface tool.
Vue.js is a progressive framework for building user interfaces. Unlike other heavyweight frameworks, Vue is designed with bottom-up incremental development. Vue's core library only focuses on the view layer, and is very easy to learn and integrate with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single-page applications developed with single-file components and libraries supported by the Vue ecosystem.
The goal of Vue.js is to enable responsive data binding and composed view components with the simplest API possible .
Vue.js itself is not a catch-all framework - it only focuses on the view layer. So it's very easy to learn, very easy to integrate with other libraries or existing projects. On the other hand, Vue.js can also power complex single-page applications when used with related tooling and supporting libraries.
2.6 Software development environment and development tools:
Operating system: Windows 10, Windows 7, Windows 8
Development language: node.js
Use framework: koa
Front-end technology: JavaScript, VUE.js (2.X), css3
Development tools: Visual Studio Code/HbuildX
Database: MySQL 5.7.26 (version number)
Database management tools: phpstudy/Navicat
Node version: node.js 16
Hardware environment:
CPU: 1.60GHz and above
Memory: 4GB and above
Hard disk: more than 500MB
Graphics card: graphic card or above
Chapter Three System Analysis
3.1 Demand Analysis
Before any project is developed and researched, it is necessary to make a careful analysis of the needs of the R&D system itself. Market research cannot be ignored. Determine the functional requirements of the users from the actual scene, so as to clarify the goals and develop the entire system. There is a more accurate positioning. In this chapter, system performance analysis, business process analysis, and data analysis are required. The overall interface of the campus lost and found system of the WeChat applet is simple and the functions are complete.
The feasibility of requirements is to analyze and discuss what kind of requirements the developed system can meet. Whether the developed system platform meets the previous requirements. Only in the development of a pre-assessment system can the requirements be completed before the system is developed and implemented. If it is not feasible for you to develop a system that does not function properly, then it is development failure. Whether the development system is useful can fulfill the requirements discussed before. The following analyzes the actual requirements of the campus lost and found system of the WeChat applet.
System design needs to start with the actual needs of users and administrators to understand what functions they need to implement and what administrative work they can include.
Considering the characteristics of the system design of the campus lost and found system of the WeChat applet, several requirements should be met:
(1) It can carry out the information management of the campus lost and found system of the WeChat applet through the network, and promote the information management of the campus lost and found system of the WeChat applet.
(2) Learning methods become more diverse and management is more standardized;
(3) It provides a free channel to ensure real-time and effective communication of data.
3.2 Feasibility analysis
3.2.1 Technical Feasibility: Technical Background
The campus lost and found system of the WeChat applet adopts node.js technology, develops a fully functional and easy-to-use front-end application, and establishes and maintains a back-end database system with complete data, security, and strong stability.
The system uses node.js technology and Mysql database as a design tool, which is easy to learn and operate. The combination of user roles to develop a campus lost and found system for WeChat applets is worth trying. Data integrity and many qualities provide a basis for the function allocation and management of data. It is also an important part of the database security platform and an important means to improve and enhance data security. Furthermore, to provide a smoother, smarter and more efficient approach to fundamental control, the steps required to simultaneously build support for a secure computing environment and help maintain security are defined. Because among these two development tools, the functions are powerful, free and have a good interface, the campus lost and found system of the WeChat Mini Program is technically feasible.
3.2.2 Economic feasibility
The development of the campus lost and found system management of the desktop WeChat applet is developed by the developer himself, and there is no need to purchase other software or ports, and the market research and research done before the development of the WeChat applet’s campus lost and found system management The campus lost and found systems of other WeChat applets are free of charge. Through the efforts of the developers themselves, all the work is done by themselves. When encountering problems that are difficult to solve by themselves, most of them are through classmates and guidance. With the help of teachers, the relevant information is resolved, so the development of the campus lost and found system for the WeChat applet is completely feasible economically, without any expenses.
The use of node.js technology is a relatively mature technology, so the development of the campus lost and found system of the WeChat applet is economically no problem.
3.2.3 Operation feasibility:
The operability mainly refers to the degree of user experience after the design of the campus lost and found system of the WeChat applet is completed. For the administrator, the relevant data information can be managed at any time through the system, and for the two user roles of the administrator and the user, both You can enter your own system interface in a simple and clear way. Through the interface navigation menu, you can operate the functional modules in a simple and clear manner, which is convenient for user information needs and course information management data information. For the operation of the system, you can directly perform functional modules without professionals. Operational management, so the operability of the system is completely ok. The operation of this system also uses the interface window to log in, so the operator only needs to know simple computer operations.
3.3 Performance Analysis
For performance analysis, compared with the traditional management method, the traditional management method uses manual statistics and management of data information with paper and pen, and this method is more troublesome for storing and finding certain data information. With the advent of computer networks, this traditional method is difficult to adapt to the development of the current society. It not only reduces people's work efficiency, but also requires a lot of manpower and material resources, which is relatively high in terms of time and cost. To reduce costs, improve users' work efficiency, and develop a campus lost and found system based on computer and network technology WeChat applets.
The development and design of the campus lost and found system of the WeChat applet is an independent system, which uses popular databases for data storage and development, mainly to realize the user roles and corresponding functional modules of the campus lost and found system of the WeChat applet, so that WeChat The management of the campus lost and found system of the mini program will not have management differences and low efficiency, but is just the opposite of traditional management information. The implementation of the campus lost and found system of the WeChat mini program can save resources and increase the processing speed of business , fast, efficient and powerful.
3.4 System operation process
3.4.1 User login process
The first hurdle for system security is that users who want to enter the system must enter their own login information through the login window before they can log in. Only after the information entered by the user is accurate can they enter the operating system interface and perform function modules. The corresponding operation, if the information entered by the user is incorrect, a prompt box will appear in the window, and the user fails to log in. Return to the first step to re-enter, as shown in Figure 3-1.
Figure 3-1 Login operation flowchart
3.4.2 Information adding process
For the campus lost and found system of the WeChat applet, it is necessary to add the required data information at any time. For the user to add information, it is necessary to fill in the data information to be added according to the content of the check box on the adding interface. After the information input is completed, it is judged whether the data information is If it meets the requirements, the addition is completed if the requirements are met. If the information added by the user does not meet the requirements, you need to return to the first step, re-enter the data information, and then perform the judgment operation, as shown in Figure 3-2.
Figure 3-2 Information adding flow chart
3.4.3 Information deletion process
No matter which user role enters the unreasonable system operation interface, it can perform different information content operation functions. For the deletion of system data information, once the user deletes the information, the deleted data information will not be restored. Therefore, the user When deleting data, it is necessary to judge whether the content to be deleted is determined to be deleted. After confirming that it is correct, choose to confirm the deletion operation, as shown in Figure 3-3.
Figure 3-3 Information deletion flow chart
Chapter 4 System Design and Implementation
4.1 System architecture design
The overview design analysis of the system project of the campus lost and found system of the WeChat applet, the main content includes the specific analysis of the learning platform, the design of the database, the data uses the mysql database, and the design of the system adopts a more humanized operation design. System error messages can be processed and fed back in a timely manner.
The campus lost and found system based on the WeChat applet is based on the existing mobile phone, which can realize administrator, home page, site management (carousel map, bulletin board) user management (administrator, ordinary user) content management (campus information, information classification) More management (classification of lost items, lost item information, message feedback) and other detailed understanding and statistical analysis. The module relationship diagram established according to the system functional requirements is as follows:
Figure 4-1 Administrator function module diagram
4.2 Development process design
The development of the campus lost and found system of the WeChat applet analyzes the management module and the database used by the system, writes generation development, planning and operation are the necessary three steps to build an information management application, which determines whether the system can truly achieve the preset functionality and whether it can be implemented after a successful design. In the development process, each stage must be developed in strict accordance with the linear sequence, and each work generated in the corresponding stage can be verified and checked by technology. Make sure that it is correct after the completion of one stage, and will not cause drag and drop phenomenon in the next stage, so that the system can be guaranteed after the design function is completed.
Judging from the successful development experience of the campus lost and found system of the WeChat applet, the above method has the most obvious effect and minimizes the complexity of system development. As shown in Figure 4-2.
Figure 4-2 Flow chart of the development system
4.3 Database design
Database is the foundation and core of information system. The quality of database design directly affects the success or failure of information system development. Creating a database table first determines the attributes of entities and the relationships between entities. Create a data table based on the relationship.
4.3.1 Entity ER Diagram
The database is the most important step in the entire software programming. For the database problem, it is mainly to determine the number of databases and the creation of structural formulas. The display system uses Mysql to manage the database to ensure data security and stability.
Conceptual models are designed to abstract real-world information and model the information world. It is a powerful tool for database design. Database conceptual model design can describe the conceptual model of the real world through ER diagrams. An ER diagram of a system shows the links between entities in the system. Moreover, the Mysql database is a database with relatively strong self-protection capabilities. The following figure is mainly an ER diagram of database entities:
(1) The ER diagram of campus lost and found management, as shown in Figure 4-3:
Figure 4-3 Lost and found information management entity attribute diagram
(2) The user registration management ER diagram is shown in Figure 4-4:
Figure 4-4 user information management entity diagram
These functions can fully meet the needs of the campus lost and found system of the WeChat applet. The function of this system is relatively comprehensive, as shown in Figure 4-5 below the system function structure.
Figure 4-5 System function structure diagram
4.3.2 Data Sheet
According to the detailed analysis requirements of the data structure, we can analyze according to the requirements of the input and output data volume, determine what table, the relationship between the structure, we can verify, adjust and improve, query and browse the process, can realize the database, In order to make users have more requirements for data and functions.
Based on the characteristics of the database management system used by the system, the conceptual model of the database is converted and constructed. However, this system only needs to fully consider the functions of the campus lost and found system of the WeChat applet, and the organization is relatively clear.
| lost_and_found_information |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| lost_and_found_information_id |
int |
11 |
no |
primary key |
Lost property information ID |
| lost_property_name |
varchar |
64 |
yes |
lost property name |
|
| lost_property_classification |
varchar |
64 |
yes |
Lost and Found |
|
| pick_up_location |
varchar |
64 |
yes |
pick up location |
|
| pickup_time |
datetime |
0 |
yes |
pickup time |
|
| lost_and_found_picture |
varchar |
255 |
yes |
lost property pictures |
|
| user_number |
int |
11 |
yes |
user ID |
|
| user_name |
varchar |
64 |
yes |
username |
|
| contact_number |
varchar |
64 |
yes |
contact number |
|
| claim_status |
varchar |
64 |
yes |
claim status |
|
| lost_property_details |
text |
0 |
yes |
Lost and found details |
|
| hits |
int |
11 |
no |
hits |
|
| recommend |
int |
11 |
no |
Intelligent Recommendation |
|
| create_time |
datetime |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| lost_property_classification |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| lost_property_classification_id |
int |
11 |
no |
primary key |
Lost and found ID |
| lost_property_classification |
varchar |
64 |
yes |
Lost and Found |
|
| recommend |
int |
11 |
no |
Intelligent Recommendation |
|
| create_time |
datetime |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| message_feedback |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| message_feedback_id |
int |
11 |
no |
primary key |
Message Feedback ID |
| user_number |
int |
11 |
yes |
user ID |
|
| user_name |
varchar |
64 |
yes |
username |
|
| reply_status |
varchar |
64 |
yes |
reply status |
|
| message_content |
text |
0 |
yes |
Message content |
|
| feedback_reply |
text |
0 |
yes |
feedback reply |
|
| recommend |
int |
11 |
no |
Intelligent Recommendation |
|
| create_time |
datetime |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| notice |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| notice_id |
mediumint |
8 |
no |
primary key |
announcement id |
| title |
varchar |
125 |
no |
title |
|
| content |
longtext |
0 |
yes |
text |
|
| create_time |
timestamp |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| ordinary_users |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| ordinary_users_id |
int |
11 |
no |
primary key |
common user ID |
| user_name |
varchar |
64 |
yes |
username |
|
| user_gender |
varchar |
64 |
yes |
user gender |
|
| user_number |
varchar |
64 |
no |
user ID |
|
| examine_state |
varchar |
16 |
no |
Approval Status |
|
| recommend |
int |
11 |
no |
Intelligent Recommendation |
|
| user_id |
int |
11 |
no |
User ID |
|
| create_time |
datetime |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| praise |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| praise_id |
int |
10 |
no |
primary key |
Like ID |
| user_id |
int |
11 |
no |
Liker |
|
| create_time |
timestamp |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
| source_table |
varchar |
255 |
yes |
source table |
|
| source_field |
varchar |
255 |
yes |
source field |
|
| source_id |
int |
10 |
no |
source ID |
|
| status |
tinyint |
1 |
no |
Like status 1 is like, 0 is canceled |
|
| slides |
|||||
| Field Name |
type |
length |
not null |
primary key |
field description |
| slides_id |
int |
10 |
no |
primary key |
carousel ID |
| title |
varchar |
64 |
yes |
title |
|
| content |
varchar |
255 |
yes |
content |
|
| url |
varchar |
255 |
yes |
Link |
|
| img |
varchar |
255 |
yes |
Carousel |
|
| hits |
int |
10 |
no |
hits |
|
| create_time |
timestamp |
0 |
no |
creation time |
|
| update_time |
timestamp |
0 |
no |
update time |
|
Chapter 5 System Implementation
5.1 User front-end function module (front-end)
On the login interface of the campus lost and found system of the WeChat applet, log in by filling in the account number, password, and other information, as shown in Figure 5-1.
Figure 5-1 Login interface diagram
To register, fill in information such as account number, password, nickname, mobile phone, email, profile, etc. After the input is complete, select Submit to register successfully, as shown in Figure 5-2.
Figure 5-2 Registration interface diagram
首页，可以进行首页、校园资讯、我的（失物信息、留言反馈）等功能模块的查看与操作，如图5-3所示。
图5-3系统首页界面图
公告列表列表页面可以查看展示的公告详情等信息，并可通过关键词搜索公告，并对公告点赞、评论、收藏等操作。如图5-4所示。
图5-4公告列表界面图
我的，在我的页面可以查看图像、昵称、并可对个人信息进行修改，如图5-5所示。
图5-5我的界面图
5.2管理员功能模块（后端）
轮播图展示，管理员通过输入标题、内容、链接、轮播图、点击量等操作提交，如图5-6所示。
图5-6轮播图界图面
在管理员功能页面可以首页、站点管理（轮播图、公告栏）用户管理（管理员、普通用户）内容管理（校园资讯、资讯分类）更多管理（失物分类、失物信息、留言反馈）等内容进行相对应操作，如图5-7所示。
图5-7管理员功能界面图
用户管理，在用户管理页面可以编辑用户昵称、用户名、姓名、性别、等内容，并可根据需要进行修改或删除操作，如图5-8所示。
图5-8用户管理界面图
校园资讯，在校园资讯页面可以查看标题、封面图、分类、标签等内容，并可根据需要进行修改或删除操作，如图5-9所示。
图5-9校园资讯界面图
失物信息，在失物信息页面可以查看失物名称、失物分类、拾取地点、拾取时间、失物图片、用户编号、用户姓名、联系电话等内容，并可根据需要进行修改或删除操作，如图5-10所示。
图5-10失物信息界面图
第六章 系统的测试
6.1 测试目的
程序设计不能保证没有错误，这是一个开发过程，在错误或错误的过程中难以避免，这是不可避免的，但我们不能使这些错误始终存在于系统中，错误可能会造成无法估量的后果 如系统崩溃，安全信息，系统无法正常启动，导致安装用户手机屏幕等，为了避免这些问题，我们需要测试程序，并发现这些问题，并纠正它们 ，并使系统更长时间稳定成熟，本章的作用是发现这些问题，并对其进行修改，虽然耗时费力，但长期非常重要和必要 系统的开发。
软件测试与开发过程是一样的，都必须按照软件工程的正规原理进行，遵守管理学理论。不过，目前国内的软件测试已经积累了大量经验和方法，步骤相对成熟，软件测试的效率也越来越高。
微信小程序的校园失物招领系统的实现，对于系统中功能模块的实现及操作都必须通过测试进行来评判系统是否可以准确的实现。在微信小程序的校园失物招领系统正式上传使用之前必须做的一步就是系统测试，对于测试发现的错误及时修改处理，保证系统准确无误的供给用户使用。
6.2 测试方案设计
6.2.1 测试策略
1、功能测试
从用户的角度来看，测试时不了解新开发软件的内部结构，因此可以将系统与黑匣子进行比较，盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试，在测试中如果输入错误信息系统会报错。
2、性能测试
测试软件程序的整体状况（称为性能测试）通常使用自动化测试工具来检测系统的整体功能，在负载测试和压力测试之间进行分配，在某些情况下，将这两种情况结合起来。虽然压力测试可以检测到系统可以提供的最高级别的服务，但负载测试可以测试系统如何响应增加的负载。
6.2.2 测试分析
测试评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。
软件测试应遵循以下原则：
(1)软件测试应尽快进行，整个测试部分应在软件开发和设计的整个过程中进行。如发现错误，立即处理，将大大减少软件开发的时间，并提高软件的质量。
(2)在软件的各种测试中，测试过程中使用的计划、报告等应妥善处理和存储。其主要目的是为了便于以后系统的维护。
(3)软件测试整个过程中的聚类现象应优先考虑。
(4)对于软件测试，我们应该尽量不去和自己设计的系统进行参考，而是要测试对方的程序，以确保软件测试结果的客观性和公平性。
(5)整个测试计划严格按照软件测试的具体实施细则进行。
(6)对整个测试结果进行综合检查，尽量避免重复错误。
本微信小程序的校园失物招领系统满足用户的要求和需求，本微信小程序的校园失物招领系统的使用能够有效的提高用户的使用率。
6.3 测试结果
测试后得到的性能和用例，系统具有足够的正确性、可靠性、稳定性，并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围，可以兼容所有主流浏览器，设计所需的效果。
结 论
在这个设计中，我花了大量的时间去理解系统开发中使用的知识，经过这段时间的努力工作最终完成了系统设计。通过这一阶段的学习，我发现了自己的不足，充分掌握了必要的应用技能，进一步的学习使我充实了自己的知识基础，完成了这个艰巨的任务。当遇到问题时，我很及时的寻求老师的帮助，通过专业的网站和论坛来解决，他们的帮助让我一步一步的成功克服了困难的问题。系统设计过程不容易，你需要不断充实自己，有勇气克服困难。系统开发的一些功能还不完善，需要继续改善后，通过用户体验来修改设计完美的系统，让用户得到更好的体验，我觉得很高兴，因为这是我第一次通过自己的努力实现这个系统，但绝不是我的最后一个，在未来我将努力实现更多的优秀的系统。
在一些编程语言的系统实现中，对词汇表不太熟悉，导致了开发的困难，但是我通过了合适的字典软件来解决这个大问题。由此，我学会了自己的英语缺陷。在那之后，我不断地提高自己的英语知识，这样我就不会有任何未来的工作和生活。毕业设计过程我感觉很深刻，从一开始就不熟悉开发技术，一步一步的使用，接触到文献和信息，不难理解，系统是一次又一次的实现，系统本身对于在线学习是有用的。我从这个设计中获益良多，论文的编写需要有自己的意愿去实现一点，学习生活中所有的问题的勇气，学习的过程就是学习的过程。毕业设计，我学会了将理论知识应用于实践。让我知道该怎么做，我们必须认真对待。勇于克服困难，相信未来，我会做得更好。
参考文献
[1]罗斌,温丰蔚,曾晓钰,张亮,韦通明.基于Vue.js的培训可视化系统开发与设计[J].现代工业经济和信息化,2021,11(12):54-56.DOI:10.16525/j.cnki.14-1362/n.2021.12.020.
[2]袁文光.一种基于Node.js的校园高并发Web应用架构[J].南通职业大学学报,2021,35(04):77-81.
[3]裴之蕈,高艳霞.基于Vue和Node.js的手语教学Web平台的设计与实现[J].电脑与信息技术,2021,29(06):33-36+86.DOI:10.19414/j.cnki.1005-1228.2021.06.010.
[4]郑玉娟,张亚东.基于Vue.js的微商城前端设计与实现[J].信息技术与信息化,2021(11):101-103.
[5]李运金,吴守仓,张之江.基于B/S模式的研究生管理信息系统设计与实现[J].工业控制计算机,2021,34(11):141-143+156.
[6]张月春,朋静,张捷,杜宝珠.基于Vue.js的线上民主评议系统的设计与实现[J].信息与电脑(理论版),2021,33(21):134-136.
[7]马艳彬. 基于Node.js和Vue框架的竞赛类答题平台管理系统的设计[C]//中国新闻技术工作者联合会2021年学术年会论文集.,2021:77-82.DOI:10.26914/c.cnkihy.2021.047236.
[8]胡开华,张玉静,陈明禄,何文鑫.基于Vue.js的Web应用开发教学案例设计与实现[J].信息与电脑(理论版),2021,33(18):91-94.
[9]Sufyan bin Uzayr. Getting the Most out of Node.js Frameworks:The Essential Tools and Libraries[M].CRC Press:2021-09-12.
[10]杨辉,黄栋,魏丹丹,曾永兴,王青分.WEB技术在教学管理中的应用与实现[J].福建电脑,2021,37(09):139-141.DOI:10.16707/j.cnki.fjpc.2021.09.039.
[11]颜娟.基于Node.js的英语口语考试平台[J].微型电脑应用,2021,37(08):173-175.
[12]许昕,叶晟澄,陈家乐,杨仕昌.基于Vue.js的志愿者监控管理系统的实现[J].电子制作,2021(16):42-44.DOI:10.16589/j.cnki.cn11-3571/tn.2021.16.015.
[13]方生.基于“MVVM”模式的“Web”前端的设计与实现[J].电脑知识与技术,2021,17(20):147-149.DOI:10.14004/j.cnki.ckt.2021.2004.
[14]方生.基于“Vue.js”前端框架技术的研究[J].电脑知识与技术,2021,17(19):59-60+64.DOI:10.14004/j.cnki.ckt.2021.1863.
[15]张雪莹,喻忠霞,申进.基于HTML5的公共社交平台设计与实现[J].无线互联科技,2021,18(11):52-53.
[16]刘紫薇. 基于MVVM设计模式的在线教育系统的设计与实现[D].北京邮电大学,2021.DOI:10.26969/d.cnki.gbydu.2021.002712.
[17]唐榜. 基于Node.js的Web服务端框架研究与实现[D].西南科技大学,2021.DOI:10.27415/d.cnki.gxngc.2021.000946.
[18]崔慧娟.MVVM模式在Android项目中的应用[J].信息与电脑(理论版),2021,33(06):1-3.
[19]Ntantogian Christoforos,Bountakas Panagiotis,Antonaropoulos Dimitris,Patsakis Constantinos,Xenakis Christos. NodeXP: NOde.js server-side JavaScript injection vulnerability DEtection and eXPloitation[J]. Journal of Information Security and Applications,2021,58:
[20]徐泽昊. 基于MVVM模式的XSS攻击检测框架设计与实现[D].北京邮电大学,2021.DOI:10.26969/d.cnki.gbydu.2021.001168.
微信小程序的校园失物招领系统的完成，如何实现的更好，其中付出的努力是很大的，这段时光将会终身难忘。
The campus lost and found system of the WeChat applet can be successfully completed. First of all, I would like to thank my instructor, who helped me in time when I encountered design problems and gave me sufficient guidance when I was confused about the design. With his help, I can complete a high-quality graduation project. In the campus lost and found system and development of the WeChat applet, the instructor put forward many practical opinions and suggestions, and provided me with a large amount of relevant research materials, which gave me a deeper understanding of the design. Only under the guidance of the teacher can we succeed in the graduation project. Here, I would like to express my deep gratitude to the instructor.
Here, I would also like to thank my classmates, who provided many references for my design, and discussed with me the problems in the design, so that my design matured step by step.