当前位置:网站首页>Simple blog system
Simple blog system
2022-07-06 03:46:00 【Sugar ^o^】
Simple blog system
Project address : Simple blog system
1.1 Began to run
The whole project is in Visual Studio Code Finish in , First start the server at the terminal of the software , Second, open Windows Upper cmd start-up mongodb database , After successful connection , Open the browser and enter the startup port http://127.0.0.1:3007, Enter the home page , The articles published by all users will be displayed
1.2 Sign in
1.2.1 register
Click the registration above , You can enter register
page
User input mailbox , At the same time, the email format should be correct , Then enter the password and confirm it , The two passwords should be the same , Otherwise, a prompt will appear
Finally, click Register , A prompt box will pop up to show that the registration is successful , After successful registration, email 、 password 、 Default Avatar 、 Default nickname ,ID Wait for the data to be transferred into the database , And users ID, nickname , The avatar will be saved to the local browser
Click OK to enter the home page
1.2.2 Sign in
If the user is already registered , You can log in directly
Log in and fill in the correct email format password to enter the home page
1.3 Platform home page
After login or registration, enter the homepage , The nickname of the current user will be displayed , Head portrait , And all articles published by all users will be displayed , The article list will show the user's Avatar nickname and time of publishing the article , There is also the title and part of the content of the article .
Click the content of each line in the article list to enter the article details of the article
Under the article details, users can comment on the article ,
After the comment is successful , It will show below the article , At the same time, the database will also add this comment
Click on personal Center , You can enter the personal center page
Click exit on the home page to exit the login interface
1.4 Personal center
Enter the personal Center , You can modify your personal information
1.4.1 Change Password
Enter the personal Center , Click the side navigation bar to enter the password modification page
Enter the password you want to change , Input cannot be empty , Then click OK and a pop-up box will pop up
Click OK to exit the login page , Log back in , Entering the new password will show that the login is successful and you will enter the home page again
1.4.2 Modify nickname
Click Modify nickname in the side navigation bar to enter this page
Enter the new and changed nickname , Click to confirm the modification and the modification will be successful , The database will also update the avatar data
3.4.3 Modify the head image
Click Modify avatar in the side navigation bar to enter this page
Click the circle on the right “ Click to select avatar ”, Then the folder will pop up , Users can change avatars from folders , After selection, a box will pop up , Indicates the modification is successful .
After the modification is successful, the updated image will be displayed
1.4.4 Article management
Click article management in the side navigation bar to enter this page
Click Edit after each line , You can enter the page of article details , Make changes
You can modify the title and content of the article , After the modification , Click confirm or cancel as shown in the figure below
After clicking confirm , Can be modified successfully
After clicking cancel , Then go back to the original page
Click Delete to pop up the page to delete , Click Delete to delete from the page , The comments under this article will also be deleted , The article and comment will also be deleted from the database
1.4.5 Logout
Click logout account in the side navigation bar to enter this page
After clicking confirm, the account will be cancelled , After logging off, the database will also delete the user
1.5 Publish articles
Click on the top navigation bar “ Post an article ”, You can enter the article writing interface
The title of the article , After the content is completed , Click publish in the upper right corner to publish successfully , After publishing successfully, jump directly to the home page , The home page shows this article . Besides , After the article is published successfully, it will also be added to the database
1.6 Background management
There are administrators in the background , Administrators can log in directly to view data
Administrator permissions can be applied to background users 、 article 、 Comment to operate
Use the email password of the administrator to log in and directly enter the background
1.6.1 Data visualization
Enter the background display as shown in the following figure , The top line shows all users , article , Total number of comments , The following two figures are for users , article , The total number of comments used Echarts Visualizing , It can clearly display all kinds of totals
1.6.2 User management
Click user management on the right navigation bar to enter the user management page , Show all registered users , Each line will display the user's Avatar , nickname ,ID And mailbox
Mouse over each line will display the delete button , Click delete , After confirmation, it will be deleted from the database , And the user's article will be deleted , Review data .
The bottom number is paging the user list , Convenient view .
1.6.3 Article management
Click article management on the right navigation bar to enter the article management page , Show all registered articles , Each line will display the avatar of the user who posted the article , nickname , The title and part of the article , article ID And the time when the article was published
Mouse over each line will display the delete button , Click delete , After confirmation, the article will be deleted from the database , This page will not display .
At the same time, you can also view pages .
If you click the content of the article on each line with the mouse, you will jump to the foreground , See article details
1.6.4 Comment management
Click comment management on the right navigation bar to enter the comment management page , Show all registered comments , Each line will display the avatar of the comment , nickname , Comment content and time of posting comment .
Mouse over each line will display the delete button , Click delete , After confirmation, the comment will be deleted from the database . At the same time, you can also view pages .
Finally, exit , Click exit in the right navigation .
边栏推荐
- Facebook等大厂超十亿用户数据遭泄露,早该关注DID了
- Codeforces Global Round 19
- Multi project programming minimalist use case
- Python implementation of maddpg - (1) openai maddpg environment configuration
- 在字节做测试5年,7月无情被辞,想给划水的兄弟提个醒
- Quick sort function in C language -- qsort
- BUAA计算器(表达式计算-表达式树实现)
- [practical exercise] face location model based on skin color
- P7735-[noi2021] heavy and heavy edges [tree chain dissection, line segment tree]
- Indicator system of KQI and KPI
猜你喜欢
SAP ALV颜色代码对应颜色(整理)
An article will give you a comprehensive understanding of the internal and external components of "computer"
RT-Thread--Lwip之FTP(2)
1. New project
Multi project programming minimalist use case
Microkernel structure understanding
mysql从一个连续时间段的表中读取缺少数据
LTE CSFB test analysis
KS003基于JSP和Servlet实现的商城系统
How to standardize the deployment of automated testing?
随机推荐
Suggestions for new engineer team members
Blue style mall website footer code
mysql从一个连续时间段的表中读取缺少数据
Cf603e pastoral oddities [CDQ divide and conquer, revocable and search set]
施努卡:3d视觉检测应用行业 机器视觉3d检测
MADDPG的pythorch实现——(1)OpenAI MADDPG环境配置
Plus d'un milliard d'utilisateurs de grandes entreprises comme Facebook ont été compromis, il est temps de se concentrer sur le did
[slam] orb-slam3 parsing - track () (3)
如何修改表中的字段约束条件(类型,default, null等)
[prediction model] difference method model
Canvas cut blocks game code
The ECU of 21 Audi q5l 45tfsi brushes is upgraded to master special adjustment, and the horsepower is safely and stably increased to 305 horsepower
给新人工程师组员的建议
[American competition] mathematical terms
[risc-v] external interrupt
Do you know cookies, sessions, tokens?
在 .NET 6 中使用 Startup.cs 更简洁的方法
C#(二十八)之C#鼠标事件、键盘事件
Serial port-rs232-rs485-ttl
mysql关于自增长增长问题