https://github.com/lin-jun-xiang/nodejs-blog-system
Blog System | Forum
https://github.com/lin-jun-xiang/nodejs-blog-system
ajax blog css ejs express mysql nodejs website www
Last synced: 8 months ago
JSON representation
Blog System | Forum
- Host: GitHub
- URL: https://github.com/lin-jun-xiang/nodejs-blog-system
- Owner: Lin-jun-xiang
- Created: 2022-05-27T15:43:17.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-04-17T09:17:27.000Z (almost 3 years ago)
- Last Synced: 2025-04-07T18:16:37.530Z (12 months ago)
- Topics: ajax, blog, css, ejs, express, mysql, nodejs, website, www
- Language: JavaScript
- Homepage:
- Size: 2.69 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web development-Blog system
A blog system developed by nodeJs, Express, MySQL, Ajax
---
### Introduce the blog system
1. Login(logout) and signup system.
2. Search article immediately without refresh page. (by ajax)
3. View article
4. Main page includes:
a. Post article without refresh
b. Delete article without refresh
c. Edit article without refresh
d. Upload personal picture without refresh (by ajax)
---
### Login(logout) and signup system
For sign-in, register, and the MySQL connection methods.
If the user does not have a membership, he or she can click on “Register” to enter the register page.
When creating an account and after logging in, it is necessary to prevent entering empty values, verify the account password, and display an error message on the page immediately.
After signup or signin, the page will show message immediately.
---
### Search article
After searching keyword, then show the relation article. (not only article title but also author name)
In this section, we can see the search can update the article results in real-time which was use **"Ajax"** accomplish
---
### Main page
The main page as show in following:
After clicking the **"Post"** button then can see:
After posting then the "Your Article" will add immediately. (MySQL will added)
After clicking **"trash button"** then can delete article immediately. (MySQL will deleted)
After clicking **"edit button"** then can edit article as following see:
Finally, users can upload or change their favorite profile images.
Images will store in directories on the **file system** and store references to the images (path to the image) in the database. (use **Multer** module)
And upload image without refresh immediately by ajax.
