Node.js cloud school WeChat applet
Summary
In the information society, there is a need for targeted information acquisition channels, but the expansion of channels is basically the direction that people are striving for. Due to the deviation in their perspective, people can often obtain different types of information, which is also the most difficult technology to overcome. topic. Aiming at the problems of cloud school teaching and so on, research and analyze them, and then develop and design cloud school based on WeChat applet to solve the problems.
The main functional modules of the cloud school applet include classroom information, classroom information, student management, excellent courses, etc., adopting an object-oriented development model for software development and hardware erection, which can well meet the needs of actual use and perfect After the corresponding software construction and program coding work, the system mainly uses Mysql as the main storage unit of background data, uses software engineering principles and development methods, and uses node.js koa technology to build, realizing all the functions of the system. This report first analyzes the background, function and significance of the research, laying the foundation for the rationality of the research work. Analyze the various requirements and technical problems of the Yunxuetang applet, prove the necessity and technical feasibility of the system, then give a basic introduction to the technical software and design ideas that need to be used in the design system, and finally implement the Yunxuetang applet Program and deployment runs use it.
Keywords: Cloud Academy, Koa , database
Node.JScloudclassroomwechatapplet abstract
In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of cloud school teaching, this paper studies and analyzes it, and then develops and designs a cloud school based on wechat applet to solve the problems.
The main functional modules of the cloud school applet include classroom information, classroom information, student management, excellent courses, etc. the object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of actual use and improve the corresponding software erection and program coding. The system mainly adopts MySQL as the main storage unit of background data, Using software engineering principles and development methods, node JS is constructed by koa technology, which realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the requirements and technical problems of the cloud school applet, proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas needed to design the system. Finally, it realizes the cloud school applet and deploys it.
Key words: Cloud school, KOA, database
Table of contents
1.4 Development tools and technologies 3
2.2 Overall Design Principles 7
2.3 System requirements analysis 8
2.4 Business Process Analysis 8
3.2 System structure design 11
Chapter 4 System Implementation
4.2 Administrator function module 22
5.1 The Importance of Software Testing
5.2 Research and selection of test cases
In the web2.0 era, with the rapid development of information technology and the advancement of education informatization, the status of micro-classes in the educational Internet has also begun to rise. Teachers and students are more and more fond of flipped classrooms. Advanced cloud computing technology Also spread to the world. The change of the times has brought about earth-shaking changes in the teaching mode, and thus the birth of micro-classes, which is why current hot topics in education cannot be separated from flipped classrooms and Khan Academy's online courses." Combining with the era of education will allow education to collide with the era of the Internet. The way of combining education with cloud platforms will be a new trend in the development of education models. The cloud school system of this topic is just to start the course opening plan. Committed to creating a new course sharing platform, teachers can share their courses with students in other schools and classes, making resource sharing a reality.
The so-called "cloud school" is a kind of Internet service for the education and training industry, and it is also an efficient, convenient and real-time interactive distance teaching classroom form. Users do not need to purchase any hardware and software, only use the Internet interface, and perform simple and easy-to-use operations through network interactive live broadcast technical services, and can realize high-quality network synchronous and asynchronous teaching and training for the whole country, and global Students, teachers, parents and other users from all over the world share audio, video and data files simultaneously, which is an all-round interactive learning mode that truly breaks through the constraints of time and space.
The WeChat Mini Program has the following characteristics: First, as an emerging service method, the WeChat Mini Program directly connects with modules such as WeChat Official Account, WeChat Payment, and WeChat Coupons. For a convenient user experience; secondly, the WeChat applet does not need to be downloaded separately, it is directly embedded in the WeChat program, and it can be exited after use without uninstalling. Third, compared with traditional APPs, the promotion of WeChat mini-programs is more convenient and the cost is lower; fourth, WeChat mini-programs can be quickly generated and put into use with the help of WeChat platform, and the development efficiency is higher. Therefore, this article chooses to design Yunxuetang based on the WeChat applet instead of the WeChat official account.
1.2 Development Status
Although our country is now vigorously supporting the construction of cloud school teaching, objectively speaking, the construction of my country's cloud school website is still in the development stage, and there is still a lack of some theoretical guidance and unified deployment problems, resulting in the current situation of complete but not perfect. There is still a big gap between my country's cloud school teaching website construction and foreign countries.
The country has invested a huge amount of money in the construction of college information environment and teaching website, and has achieved remarkable results. The existing teaching platform and other digital learning resources, as well as the achievements of university information environment construction provide a good material basis for the research of this subject. However, the sharing and application of excellent teaching resources is not sufficient at present, and the role of teaching platform website resources in improving teaching quality and school-running efficiency is still far from people's expectations. Teaching sharing service and sustainable development are not only important contents of resource construction in the process of education informatization, but also its co-construction and sharing model can provide reference for the development of national informatization, the construction of a lifelong education system based on an informatization environment, and the construction of a learning society .
1.3 Research content
The development and implementation of Yunxuetang 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 requirements of system development. The development of Yunxuetang WeChat applet uses the Koa framework, and the database is used for platform construction and development, and the technology used is confirmed for technical analysis. Whether the technology used can complete the realization of the system.
(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. The design of the Yunxuetang WeChat applet is mainly divided into administrator and user roles . And the functional modules used are also correspondingly different, but the content realized by the database of the system is interactive, and users can conduct course information according to their own needs at any time, and system staff can process and operate online information according to their own assigned content. The administrator obtains the detailed data information of all users, and handles 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.
1. 4 Development tools and technologies
The front-end part of the system is developed based on the MVVM model, using the B/S model, and the back-end part is developed based on the koa framework of node.js.
Front-end part: The front-end framework adopts the popular progressive JavaScript framework Vue.js. Use Vue-Router and Vuex to achieve dynamic routing and global state management, Ajax to achieve front-end and back-end communication, Element UI component library to make the page quickly prototype, and the front-end of the project realizes responsiveness through grid layout, which can be adapted to PC, tablet, mobile, etc. Perfect layout display for different screen sizes.
Back-end part: Koa is used as the development framework, and Redis and other related technologies are integrated at the same time.
1.4.1 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.
1.4.2 Introduction to MVVM pattern
MVVM is shorthand for Model-View-ViewModel. It's essentially an improved version of MVC. MVVM is to abstract the state and behavior of the View in it, and let us separate the view UI from the business logic. Of course, ViewModel has already done these things for us. It can take out the data of Model and help deal with the business logic involved in View because of the need to display content. Microsoft's WPF brings new technical experience, such as Silverlight, audio , video , 3D , animation ..., which leads to more detailed and customizable software UI layer. At the same time, at the technical level, WPF also brings new features such as Binding, Dependency Property, Routed Events, Command, DataTemplate, and ControlTemplate. The origin of the MVVM (Model-View-ViewModel) framework is a new type of architectural framework developed and evolved from the application of the MVP (Model-View-Presenter) pattern combined with WPF . It is based on the original MVP framework and incorporates the new features of WPF to cope with the increasingly complex needs of customers.
1.4.3 Working principle of B/S system
The B/S architecture adopts the working mode of browser request and server response.
Users can access information such as text, data, pictures, animation, video on demand and sound generated by the web server on the Internet through a browser;
And each web server can be connected with the database server in various ways, and a large amount of data is actually stored in the database server;
Download the program from the Web server to execute locally. If an instruction related to the database is encountered during the download process, the Web server will hand it over to the database server for interpretation and execution, and return it to the Web server, and the Web server will return it to the user. In this structure, many networks are connected together to form a huge network, that is, the global network. Each enterprise can build its own Internet on the basis of this structure.
In the B/S mode, the user requests access to many servers distributed on the network through the browser. The browser's request is processed by the server, and the processing result and corresponding information are returned to the browser. Other data Processing and requests are all completed by the Web Server. Through the frame structure and the browser embedded in the operating system, this structure has become the mainstream structure mode of today's software applications.
1.4.4 MySQL database
The language of Mysql is unstructured, and users can work on the data. MySQL gets a lot of attention for its speed, reliability, and adaptability. Most people agree that MySQL is the best choice for managing content when transactional processing is not required. And because the language and structure of Mysql are relatively simple, but the function and the amount of stored information are very powerful, it has been widely used.
The role of Mysql database in the programming process is very extensive, which brings convenience for users to query data. Because of its flexibility and powerful functions, the application of Mysql database only needs a small piece of code to realize a certain function, unlike other programs that need to write a large piece of code. Generally speaking, the language of Mysql database is relatively concise.
Data flow analysis is mainly a storage room for data storage, which is performed on a computer, not a storage room in reality. Data is stored in a fixed format rather than in disorder. Its definition is: it has a fixed format for a long time and can be shared and stored on the computer memory. Database management is mainly data storage, modification and addition, and the establishment of data tables. In order to ensure the normal operation of the system data, some capable processors can manage it without the need for professional people to handle it. The establishment of the data table can adjust the data in the data table, recombine and reconstruct the data to ensure the security of the data. Due to the powerful features of the database, the development of this system mainly uses Mysql to manage the data.
B/S (Browser/Server) is a more convenient architecture than its predecessor architecture. It uses the Web server to complete the data transfer and exchange. You only need to download the browser as the client, then the work will achieve a "slimming" effect, and there is no need to consider the problem of non-stop installation of software.
1.4.6 JavaScript running mode:
JavaScript is a high-level scripting language belonging to the network. It has been widely used in the development of Web applications. It is often used to add various dynamic functions to web pages and provide users with smoother and more beautiful browsing effects. Usually, JavaScript scripts realize their own functions by embedding them in HTML.
1.1 is an interpreted scripting language (code is not precompiled).
1.2 is mainly used to add interactive behavior to HTML (an application under the Standard Universal Markup Language) page.
1.3 can be directly embedded in HTML pages, but written as a separate js file is conducive to the separation of structure and behavior.
1.4 Cross-platform feature, with the support of most browsers, it can run on multiple platforms (such as Windows, Linux, Mac, Android, iOS, etc.).
1.5 JavaScript scripting language, like other languages, has its own basic data types, expressions and arithmetic operators and the basic program framework of the program. JavaScript provides four basic data types and two special data types for processing data and text. Variables provide a place to store information, and expressions can complete more complex information processing.
1.4.7 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.
1.4.8 Ajax application
This technology has been applied around 1998. The first component to allow client-side scripts to send HTTP requests (XMLHTTP) was written by the Outlook Web Access team. This component originally belonged to Microsoft Exchange Server and quickly became part of Internet Explorer 4.0. According to some observers, Outlook Web Access was the first successful business application to implement Ajax technology, and it became a leader in many products, including Oddpost's Web mail product. However, in early 2005, a number of events brought Ajax to the masses. Google uses asynchronous communication in its famous interactive applications such as Google , Google Maps, Google Search Suggest, Gmail , etc. The word Ajax was coined by the article "Ajax: A New Approach to Web Applications", which spread rapidly to increase awareness of the use of this technology. In addition, support for Mozilla/Gecko makes the technology mature and easier to use.
The future of Ajax is very promising, it can improve system performance and optimize user interface. Ajax has an existing direct framework AjaxPro, which can import the AjaxPro.2.dll file, and can directly call the method of the background page from JavaScript on the foreground page. But this framework conflicts with form validation . In addition , Microsoft has also introduced the Ajax component, and the AjaxControlToolkit.dll file needs to be added, and related controls can appear in the control list.
2.1 Feasibility analysis
The purpose of feasibility analysis is to determine whether it is necessary to develop a system and whether the system can be realized with the minimum cost. There are three main aspects of its work, namely technical, economical and social feasibility. I will conduct a detailed analysis of campus carpooling based on WeChat applets from these three aspects.
The system is mainly developed using the Koa framework and the MySQL database. The technology is easy to learn and flexible to use. I also had contact with Koa and MySQL database courses during school, and I have some development experience in this, so the development difficulty is not high, so it is technically feasible.
The development tools and servers selected for this system design are all free open source software, or a free version suitable for students. There is no need to pay, and it is done by the author himself, and there is no team fee, and there is almost no economic cost. , is economically feasible.
Social feasibility mainly includes two aspects of law and users, which will be analyzed below.
(1) Legal factors
This system is a program made for learning and development, and is not used for commercial purposes. It is obtained after combining the results of actual research with the existing takeaway ordering system, and the entire process of making the system is in the personal work computer It is completed using open source and free development environment, analysis software and database, and there is no infringement problem.
(2) User Feasibility
Operators or customers only need to have a certain knowledge of Windows computer operation, and do not need to be proficient in computer skills. In addition, system administrators only need to familiarize themselves with the operation process of using the Tomcat server based on Windows common sense, as long as they have a certain amount of computer knowledge, and before the official online operation, they only need to conduct simple familiarization process training for operators. . So it is also feasible from the perspective of user feasibility.
To facilitate the use of a system in the process of development and maintenance, certain design principles must be adopted. The main design principles are:
Simplicity: The system functions are simple and easy to understand, and only need to master the basic computer operation ability to use.
Pertinence: For specific users, there are no redundant functions, so that users can concentrate on using it.
Practicality: It can meet the needs of users for cloud school and other aspects.
Consistency: The design style and naming convention are consistent, and the color, placement, and function of each functional module of the entire system are consistent.
Advancement: The code of this system adopts the method of reading data, which is convenient for subsequent development and expansion.
2.3 System requirements analysis
The cloud school applet needs to meet the following requirements:
1. The information is easy to obtain, users can quickly browse the classroom information on the webpage
2. Course information details, view course information separately.
3. To register and log in, you need to attract students, that is, to increase the retention rate of users through registration.
4. Users can view selected good course information and other operations.
5. To modify user information, you can modify some personalized operations such as user password or user name.
6. Administrator function, the administrator can manage user or course information.
7. The system is safe, easy to operate and not too complicated.
8. The system can run stably, and there are no problems such as lagging that cause user disgust.
2.4.1 Login process
The login module mainly satisfies the permission login of administrators and users. The flow chart of user login is shown in Figure 2-1.
Figure 2-1 Login flow chart
2.4.2 Registration process
Users who do not have an account can enter the registration interface to perform registration operations. The user registration flow chart is shown in Figure 2-2.
Figure 2-2 Registration flow chart
2.4.3 Add information process
When the user adds information, the information number is automatically generated, and the system will verify the added information. If the verification passes, it will be added to the database, and the information will be added successfully. Otherwise, the addition will fail. The process of adding information is shown in Figure 2-3.
Figure 2-3 Flowchart of adding information
2.4.4 Delete information flow
The user can select the information to be deleted to perform the information deletion operation. When deleting the information, the system will prompt whether to confirm the deletion of the information. If yes, the deletion of the information is successful, and the system database will delete the information. Figure 2-4 shows the flow chart of deleting information.
Figure 2-4 Delete information flow chart
The cloud school applet chooses two modes: B/S structure (Browser/Server, browser/server structure) and Web service-based. It is suitable for operation on mobile phones. As long as users can connect to the Internet, they can operate the system anytime and anywhere. The working principle diagram of the system is shown in Figure 3-1:
Figure 3-1 System working principle diagram
3.2 System structure design
The whole system is composed of multiple functional modules. All the functional modules should be listed one by one, and then the functional design should be carried out one by one, so that each module has a corresponding functional design, and then the overall design of the system can be carried out. .
Figure 3-2 shows the structure diagram of the Cloud Academy applet .
Figure 3-2 Cloud School Mini Program Structure Diagram
The database can be said to be the root of all software. If there are defects in the database, it will lead to a series of problems such as unsmooth system development, difficult maintenance, and unsmooth user use. In severe cases, it will directly damage the interests of the enterprise. , and database flaws are more difficult to fix. Therefore, we must grasp the key points of database design and be careful and meticulous. Therefore, database design is the key element of this cloud school applet.
3.3.1 Conceptual structure design
(1) The attribute diagram of the administrator entity is shown in Figure 3-3 below
Figure 3-3 Administrator entity attribute map
(2) System entity attributes are shown in Figure 3-4 below
Figure 3-4 System entity attribute diagram
Convert ER diagram of database conceptual design into relational database. In a relational database, the data relationship is composed of data tables, but the structure of the table is expressed in the fields of the table.
| name |
type |
length |
not null |
primary key |
note |
| member_user_id |
int |
11 |
yes |
yes |
member user ID |
| user_name |
varchar |
64 |
yes |
no |
username |
| full_name |
varchar |
64 |
no |
no |
Name |
| gender |
varchar |
64 |
no |
no |
gender |
| examine_state |
varchar |
16 |
yes |
no |
Approval Status |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| user_id |
int |
11 |
yes |
no |
User ID |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
| name |
type |
length |
not null |
primary key |
note |
| live_open_class_id |
int |
11 |
yes |
yes |
Live public class ID |
| course_name |
varchar |
64 |
no |
no |
Course Title |
| course_introduction |
varchar |
64 |
no |
no |
Course Introduction |
| course_type |
varchar |
64 |
no |
no |
Course type |
| lecturer_name |
varchar |
64 |
no |
no |
Lecturer name |
| cover |
varchar |
255 |
no |
no |
the cover |
| video |
varchar |
255 |
no |
no |
video |
| hits |
int |
11 |
yes |
no |
hits |
| praise_len |
int |
11 |
yes |
no |
Likes |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
| name |
type |
length |
not null |
primary key |
note |
| select_good_courses_id |
int |
11 |
yes |
yes |
Featured course ID |
| course_name |
varchar |
64 |
no |
no |
Course Title |
| course_introduction |
varchar |
64 |
no |
no |
Course Introduction |
| course_type |
varchar |
64 |
no |
no |
Course type |
| lecturer_name |
varchar |
64 |
no |
no |
Lecturer name |
| cover |
varchar |
255 |
no |
no |
the cover |
| video |
varchar |
255 |
no |
no |
video |
| price |
varchar |
64 |
no |
no |
price |
| hits |
int |
11 |
yes |
no |
hits |
| praise_len |
int |
11 |
yes |
no |
Likes |
| pay_state |
varchar |
16 |
yes |
no |
Payment status |
| pay_type |
varchar |
16 |
no |
no |
Payment Types: |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
| name |
type |
length |
not null |
primary key |
note |
| free_good_lessons_id |
int |
11 |
yes |
yes |
Free class ID |
| course_name |
varchar |
64 |
no |
no |
Course Title |
| course_introduction |
varchar |
64 |
no |
no |
Course Introduction |
| course_type |
varchar |
64 |
no |
no |
Course type |
| lecturer_name |
varchar |
64 |
no |
no |
Lecturer name |
| cover |
varchar |
255 |
no |
no |
the cover |
| video |
varchar |
255 |
no |
no |
video |
| hits |
int |
11 |
yes |
no |
hits |
| praise_len |
int |
11 |
yes |
no |
Likes |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
| name |
type |
length |
not null |
primary key |
note |
| course_information_id |
int |
11 |
yes |
yes |
Course Information ID |
| course_name |
varchar |
64 |
no |
no |
Course Title |
| course_introduction |
varchar |
64 |
no |
no |
Course Introduction |
| course_type |
varchar |
64 |
no |
no |
Course type |
| lecturer_name |
varchar |
64 |
no |
no |
Lecturer name |
| cover |
varchar |
255 |
no |
no |
the cover |
| video |
varchar |
255 |
no |
no |
video |
| hits |
int |
11 |
yes |
no |
hits |
| praise_len |
int |
11 |
yes |
no |
Likes |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
| type |
length |
not null |
primary key |
note |
|
| course_classification_id |
int |
11 |
yes |
yes |
Course Category ID |
| course_type |
varchar |
64 |
no |
no |
Course type |
| recommend |
int |
11 |
yes |
no |
Intelligent Recommendation |
| create_time |
datetime |
0 |
yes |
no |
creation time |
| update_time |
timestamp |
0 |
yes |
no |
update time |
Chapter 4 System Implementation
The cloud school applet , on the home page of the system, you can view the home page, cloud classroom information, course information, selected good courses, live public class list, jump to the background, etc., as shown in Figure 4-1.
Figure 4-1 System function interface diagram
Cloud classroom information, in the information column, you can view the information title, information content, clicks and other content, as shown in Figure 4-2.
Figure 4-2 Cloud classroom information interface diagram
You can browse course information on the course information page, as shown in Figure 4-3. On the registration page, complete user registration by filling in the user account, password, user name, mobile phone and other information, as shown in Figure 4-4.
Figure 4-3 course information interface diagram
Figure 4-4 Registration interface diagram
4.2 Administrator function module
Administrator login, log in by filling in the user name, password, and authority entered during registration, as shown in Figure 4-5.
Figure 4-5 Administrator login interface
管理员登录进入云学堂小程序可以查看首页、站点管理（管理员、普通用户）内容管理（云学堂资讯、资讯分类）更多管理（课程信息管理、课程分类管理、精选好课管理、直播公开课管理、免费好课管理）等信息，如图4-6所示。
图4-6管理员功能界面图
课程分类管理，在课程分类列表中可以编辑课程类型、更新时间等内容，还可以根据需要对课程分类信息进行修改或删除操作，如图4-7所示。
图4-7课程分类管理界面图
直播公开课管理，在直播公开课管理中可以编辑课程名称、课程简介、课程类型、讲师名称、视频内容等信息，并可根据需求进行修改或删除操作，如图4-8所示。
图4-8直播公开课管理界面图
免费好课管理，在免费好课管理列表中可以编辑课程名称、简介、视频等信息，并可根据需要进行修改或删除操作，如图4-9所示。
图4-9免费好课管理界面图
用户管理，在用户管理列表中可以查看用户账号、密码、用户姓名、性别、手机、照片等内容，并且根据需要进行修改或删除操作，如图4-10所示。
图4-10用户管理界面图
用户登录进入云学堂小程序可以查看首页、云学堂资讯、课程信息、精选好课、免费好课等内容，如图4-11所示。
图4-11用户功能界面图
会员基本信息，在会员信息列表中通过填写用户账号、密码、用户姓名、性别、手机、照片等信息进行提交，如图4-12所示。
图4-12会员基本信息界面图
精选好课列表，在精选好课列表中可以查看课程名称、课程类型、讲师名称、价格、支付状态等信息，如图4-13所示。
图4-13精选好课列表界面图
测试存在于软件开发进程中的最后一个阶段，它可以保证一个软件的开发质量是否符合设计者的初衷，也为程序的正式上线做了最后一道质量检测的工序。软件测试主要是控制各种条件、包括软件输出方式，使用模式和运行环境等，来评估一个系统或应用是否符合设计标准。在软件测试过程中，我们一般刻意的去制造错误和极端条件，不能仅依照正常模式允许，而是多去尝试那些意外的情况。
只有在运行和维护阶段之前经历大量的测试的软件，才能说明它的质量是经得起检验的。最近计算机业界也都一致认为，测试应该存在于软件设计的每个阶段，因为越早发现错误，修复起来就越容易。
实际上，对于一个软件应用，错误是必然存在的，无论使用何种技术或手段，都不可能绝对的排除软件漏洞。测试是随着软件开发一同诞生的，两者是共同发展进步的。实际上，测试可以大幅度的降低维护的成本，如果一个漏洞在开发的早期就被发现，那么修复它的成本远比上线后再修复的成本要低得多。
测试有白盒测试和黑盒测试两种方式。
其中，白盒测试是将软件看成一个透明的白盒子，按照程序的内部控制结构和处理技术逻辑来选定测试用例、软件系统测试的逻辑路径及过程需要进行管理测试，又称玻璃盒测试。因此白盒测试需要选择足够多的测试用例，覆盖尽可能多的代码来发现程序中的错误。
黑盒测试，也称为功能测试。它将需软件看作一个黑盒，像一个普通用户一样来模拟软件的使用流程。黑盒测试通过大量的输入边界值或错误数据，来检查是否可产生正确的输出。
本系统测试 主要选择黑盒测试，少量采用白盒测试。通过测试达到以下测试目的：
1.检查各大功能模块的运行，确保其能够正确运行，并检查各页面的完整性，保证页面完整。
2.检查各个接口是否可以正确地输入和输出，保证数据流通稳定可行。
3.检查数据结构，保证其和外部接口没有访问错误，访问顺利。
4.检查原计划的性能需求有没有完成，运行流畅。
本系统的测试用例（部分）：
| 登录部分测试用例 |
|||||
| 编号 |
对象 |
项目 |
操作 |
预期结果 |
结果 |
| 1 |
登录 |
登录提示 |
使用正确的账号密码登录 |
成功登录 |
预期结果 |
| 2 |
登录提示 |
使用正确的账号但错误的密码登录 |
提示密码错误 |
预期结果 |
|
| 3 |
登录提示 |
使用错误的账号登录 |
提示不存在账户 |
预期结果 |
|
| 4 |
登录提示 |
不输入账号，点击登录 |
提示输入账号 |
预期结果 |
|
| 5 |
登录提示 |
输入账号但不输入密码点击登录 |
提示输入密码 |
预期结果 |
|
| 6 |
登录入口 |
已登录账号，查看登录入口 |
不显示登录入口 |
预期结果 |
|
处理器：Inter Core I7-4710MQ四核处理器
内存：4GB
硬盘：1T
操作系统：Windows 10
数据库：MySQL
全部测试用例都已通过（包括但不限于以上测试用例），且不存在漏洞，实现了论文开始时所作要求。本系统运行稳定，使用流畅，可以满足客户需求。
试运行后进行系统评估，可以认为该系统达到预定的目标要求，可以满足用户的需求，也满足了系统开发前所作目标。
系统在经过大量重复测试后运行十分稳定，安全实用，功能模块已经达到预定目标所需。
在规定的时间内实现系统的大部分功能，且满足要求，节省开发成本，有助于提高科学管理水平，符合本人经济情况。
2随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是云学课小程序为核心展开的，主要是为了实现线上学习和学生获得多样性学习课程资料的需求。
本文利用Koa框架和MySQL数据库技术，通过分析云学堂与微信小程序相结合，并完成了云学堂小程序。经调试结果显示，本系统基本可以满足一个云学堂小程序的业务需要。系统界面简洁而有美感， 易操作，做出了自己的特色，然而因为时间仓促再加上缺乏系统开发经验和仅依靠少数问卷调查方式，因此本系统还存在不少缺陷、不足，比如：
1. 数据输入的格式并没有全部检验，所以很难保证数据的准确，可能有一些不符合规则的数据也可以通过检验。
2. 系统功能还不够完善，无法提供丰富多彩的在线功能。
本系统还存在一些漏洞没有解决，在现实应用情境中很难保证完全不出错，但相信通过再次完善，可以调试出真正符合实际的云学堂小程序。
·[1]黄春梅.“雨课堂+BYOD”支持下的高校翻转课堂的设计与实现[J].楚雄师范学院学报,2021,36(06):156-160.
·[2]黄秋实.继续教育实时课堂设计与实现[J].信息技术与信息化,2021(09):213-216.
·[3]Zhang Kai. Design and Implementation of Smart Classroom Based on Internet of Things and Cloud Computing[J]. International Journal of Information Technologies and Systems Approach (IJITSA),2021,14(2):
·[4]孙俊辉. 基于Unity和Spring Cloud的虚拟化学课堂的设计与实现[D].西北大学,2021.
·[5]李磊,谢淑娟,王剑.云课堂系统设计与实现[J].无线互联科技,2020,17(07):51-52.
·[6]王普章. 云课堂教学后端服务的设计与实现[D].电子科技大学,2020.
·[7]张程翔. 云平台下的在线课堂系统设计与实现[D].电子科技大学,2020.
·[8]Guo Xin,Chen Tanglong,Wang Yongjiang,Tang You. Design and Implementation of Cloud Note System in University Classrooms[J]. IOP Conference Series: Materials Science and Engineering,2020,750:
·[9]陈凯旋,陈晖,黄照翠.面向智慧课堂的视频服务系统设计与实现[J].软件导刊,2020,19(04):147-151.
·[10]刘大江,于嘉禾,郭松影.“互联网+”背景下基于“MOOC+翻转课堂”的教学流程再造设计与实现[J].教育现代化,2019,6(82):239-241.
·[11]尹彪,陈清清.使用学习科学策略实现有效课堂的课程设计[J].现代职业教育,2019(26):52-53.
·[12]张安宜. 基于个性化推荐的云课堂的设计与实现[D].北京交通大学,2019.
·[13]向英.优质课堂的设计及其实现路径[J].中学政治教学参考,2019(12):57-58.
·[14]刘原铭. 基于Python的中小学云课堂平台设计与实现[D].北京交通大学,2018.
·[15]应炯炯.基于APP的智慧课堂设计和实现[J].福建电脑,2018,34(03):17-18.
[16] Chen Lingjuan, Kou Sijia, Liu Zupeng Passenger vehicle matching and route optimization for carpooling [J] Computer and modernization, 2021 (07): 6-11
[17] Tong Yingpeng, Zhang Xuesong Design and implementation of carpooling application based on Android [J] Computer applications: s1,41-2021
致 谢
大学生活在这个时候即将划上一个句号，但是对于我的人生道路来说，这仅仅是一个逗号，我将面对的是又一次征程的开始。
回忆过去，许许多多的事情浮现在脑海：刚上大学时欢乐心情和兴奋的场景还历历在目。一切都是那么新鲜，那么富有吸引力。有快乐也有艰辛，有收获也有失落。衷心感谢信息学院所有支持帮助过我的老师，谢谢你们多年来的关心和爱护。同窗的友情同样难忘，你们与我共同走过了人生中不平凡的道路，给我留下了值得珍藏的美好记忆。
Finally, I would like to especially thank the teachers who guided the design of the thesis. This thesis was completed under his careful guidance and enthusiastic help. The teacher's serious and responsible work attitude, rigorous academic spirit and profound theoretical level have all benefited me a lot. The teacher has given me a lot of help both in theory and in practice, which has greatly improved the application level of my professional skills, which is beneficial to my future work and study. On the occasion of the completion of this thesis, I would like to express my heartfelt thanks and high respect to my teacher. I would like to thank him for his careful and patient guidance, which enabled me to successfully complete the graduation project development work. I would also like to thank other teachers and teachers who have helped me My classmates, they have given me a lot of help during my growth, and I would like to express my gratitude here.
Due to my limited level and time constraints, this article must have many shortcomings and deficiencies, and I sincerely ask all teachers for help and corrections.
Like+Favorite+Follow → private message to receive the source code and database