Online question answering system based on WeChat applet development
Abstract: With the development of the times, the time of college students is getting more and more hurried. Many times it is impossible to spare a lot of time to concentrate on studying. Nowadays, there are more and more fragmented time. If it is not utilized, a lot of college students' time will be wasted. In order to make full use of the time of college students and spend this time on study, our team designed a WeChat applet for answering questions based on this idea. It designed five sets of questions, and the question bank can be continuously expanded. You can also learn in fragmented time.
Key words: fragmented time; answering questions; WeChat mini-programs; college students
Directory
1Project Overview
1.1 General idea
The target audience of this project is college students. For most college students, they have a lot of fragmented time, and fragmented time refers to a lot of spare time. Fragmented time cannot be fully utilized due to its small size. The purpose of our development of this small program is to help college students make full use of fragmented time for learning, saving more time for other tasks without spending more time To solve these problems, form a virtuous circle.
1.2 Demand Analysis
Practical problem: This project contains many sets of test questions, and the test questions can be enriched in the data set to be suitable for college students of various majors. The test questions include single-choice questions and multiple-choice questions. Students can complete many questions in the fragmented time to learn and strengthen the memory of knowledge points. Students can take notes so they can recall what they did later. Students can bookmark and comment on the questions, and they can also question the answers, and other users can answer or contact us for answers.
****Functional requirements: ****The main functional requirements of students are answering questions, question banks, grades, collections and comments, which are also the core content of our development.
1.3 Outline Design
1-1 WeChat applet development
1-2 WeChat applet-answer-function
2 software design
2.1 Design Description
2-1 Code module
2.2 Module description
2.2.1 page folder
This folder is used to store various pages, such as home, logs, mine, and test, and is used to facilitate the management of each page, as well as the links and jumps between pages. Each page contains four files, which are .js, .json, .wxml and wxss. The function of .js is to add action logic to the page, so that the page can be dynamic and execute dynamic commands; the function of .json is to give the title header Naming, etc.; the role of .wxml is to add content to the page; the role of .wxss is to change the style of the page, including color, layout and size.
Pages under the folder:
Four files under the page:
2.2.2 image folder
The image folder contains pictures related to each page, including various pictures, which are conveniently managed under this folder. This is one of the methods of storing pictures, and picture links can also be used to represent pictures on the page.
Show some pictures:
2.2.3 data folder
Under this folder, there is a data set in .json format. This data set can also be split to build a database, and use cloud development to interact with the front end and transfer data.
data folder:
The contents of the json file are partially displayed:
3 Achieving results
3.1 Test environment
Hardware configuration: W indows, Nvidia MX250, 8.00GB
Operating system: Windows/x64 bit operating system
Development language: javascript/1.8
Development tools: WeChat developer tools/1.05
3.2 Operating conditions
3.2.1 Baidu search WeChat public platform
3.2.2 Find the download page of the WeChat Mini Program Development Tool
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html, select the corresponding windows version
3.2.3 Run the installer after the download is complete, the installer is in .exe format. Double-click to run, the next step
This page is a license agreement, agree, I accept
Select the location to install at this step
After the previous settings are completed, the file will be released for installation at this step, wait patiently
After the installation is complete, a prompt message will be given that the installation is complete.
3.2.4 Select to run and the interface of the development tool will appear
Here you need to use WeChat to scan to use normally
3.3 Results display
3.3.1 Home page
The answering applet is divided into two modules, "answering questions" and "my".
"Questions":
The interface contains five sets of test questions, and users can choose the test questions they need according to their needs.
3.3.2 Test questions
3.3.2.1 Select test question 1
This is the interface just entered. It is a multiple-choice question. Users need to choose the answer to enter the next question. If they do not want to answer the question, they can click the lower right corner to exit the answer.
3.3.2.2 Exit the answering interface:
By analogy, there are ten questions in total. After answering, the score and wrong questions will be prompted:
3.3.2.3 Score interface:
3.3.2.4 View wrong question interface:
The interface will display your own answer and the correct answer,
![[External link picture transfer failed, the source site may have an anti-leeching mechanism, it is recommended to save the picture and upload it directly (img-S0jMenVe-1658140091619)(file:///C:\Users\T-sing\AppData\Local\Temp \ksohtml\wps220A.tmp.jpg)]](https://img-blog.csdnimg.cn/9f89f02c1dd140abb2f775d3c58c359c.png)
After reading, you can choose to do it again and return to the home page.
By analogy, there are a total of five sets of test questions, and the operation is the same as above.
3.3.3 "My"
"My" interface:
It is divided into five modules, "Get Avatar Nickname", "My Achievements", "My Favorites", "My Comments" and "My Settings".
3.3.3.1 Get the avatar nickname:
The user's avatar and nickname can be obtained in real time. The real picture is as follows:
3.3.3.2 My results:
My grades module records every answer record, including time, test question name and score, click this module to jump, the real picture is as follows:
3.3.3.3 Favorites
The user’s favorite test questions can be stored in this interface, and the data can be returned to the database. The favorite test questions are specially stored. After canceling the favorite test questions, the interface will not display the test questions, and feedback to the database to let the database delete the favorite test questions.
The real picture is as follows:
3.3.3.4 My comments
This interface is mainly used to store other people's comments, such as comments on test questions, or feedback on whether the answers are correct or not. Comment content can generate a large amount of data and visits.
3.3.3.5 My Settings
There are password changes on this page; mobile phone modification, that is, modifying the mobile phone number; the next one is about us, you can contact the developer through this page, you can ask questions or provide some improvement suggestions; the last one is to clear the cache, which is to clear some occupied content but can Data reloaded back over the network.
The real picture is as follows:
3.3.4 Experience
The above is the introduction of the overall answering applet. The question can be modified or added to the database, and the modification can be completed in the data.js file. The basic functions are perfect, and the core answering function has been realized. Developing this applet with the team, my organization and coordination ability has been enhanced, and I can independently develop WeChat applets. Front-end + cloud development will be more convenient than using java and other back-ends.
There are three members of our project, namely 19060517121 Zou Minlu (person in charge), 19060517120 Zhu Hengyan, 19060518104 Fan Xin, division of labor and cooperation, Zou Minlu is responsible for the front-end page and back-end system architecture design and completes part of the core code, Zhu Hengyan is responsible for code improvement , adding pages, testing codes and functional applets, etc. Fan Xin is responsible for database design, data collection and modification, etc., and understands certain front-end pages and back-end architectures to facilitate connection work.
The project integrates the database at the front end. Of course, you can also write the data back to the database, and use the JAVA backend or the cloud development platform provided by the WeChat applet to interact. It is easier to realize the integration and conversion. Modify some codes and then connect the database and the backend. That's it.
During the development process, I found that cloud development has a lot of convenience. You don’t need to connect the backend and database yourself, you only need to write interactive code on the .js page, and the data can be transmitted between the front and back ends. The program also gives the corresponding cloud development platform correspondingly. Cloud development also has flaws, such as security, prone to data leakage, etc. However, for small non-online projects like ours, this problem can be ignored. If you consider going online, it is recommended to use the JAVA backend. After all, JAVA is relatively mature Yes, the cloud development platform has only been developed for a few years, and it is still unable to catch up with the JAVA platform dedicated to the back end.
During the development process, I referred to a lot of materials and learned a lot by myself, which helped me a lot. During the development process, I strengthened my thinking ability and innovation ability. These abilities are very helpful in participating in Internet + competitions and college students’ innovation and entrepreneurship projects. I have also participated in many provincial-level projects and learned a lot from them, such as how to allocate Tasks, how to develop and execute them, and how to write excellent software design documents, while drawing lessons, also strengthened these abilities.
4 References
4.1 WeChat Developer Documentation
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
4.2 Vant Weapp component library
https://youzan.github.io/vant-weapp/#/home
4.3 GitHub code hosting platform
https://github.com/
4.4 Gitee code hosting platform
https://gitee.com/
4.5 WeChat Mini Program Development Tutorial Reference Document
https://blog.csdn.net/valada/article/details/80892569?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163833417616780357211679%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=163833417616780357211679&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2alltop_positive~default-2-80892569.first_rank_v2_pc_rank_v29&utm_term=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91&spm=1018.2226.3001.4187
3.130102334…%2522%257D&request_id=163833417616780357211679&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2alltop_positive~default-2-80892569.first_rank_v2_pc_rank_v29&utm_term=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91&spm=1018.2226.3001.4187