current position:Home>Design of personal simple blog system based on Django (with source code acquisition method)

Design of personal simple blog system based on Django (with source code acquisition method)

2022-05-15 03:55:38Protinx

 

Catalog

Abstract

Abstract

Innovation points

1. Use and startup system

1 Basic process of system startup

1.1 Download the system compressed package and unzip

1.2 Open the system folder

1.3 Virtual environment establishment and activation

1.4 Start the system

1.5 Enter the home page of the blog

2. Introduction to client functions

2. Introduction to user functions

2.1 Log in to the blog ( Support third party login ):

2.2 register

2.3 Reset password

2.4 Check the article and like 、 Comment on

2.5 Search for articles

2.6 Provide multiple function pages and search interfaces

3. Background function introduction

3 Introduction to administrator related functions

3.1 Access management background

3.2 Log in to background management

3.3 Account management

3.4 Social account management

3.5 Publishing blog articles and editing functions

3.6 Add article column

3.7 Add tag item

3.8 Authentication and authorization management

3.9 Comment management function

3.10 Introduction to other functional sections


Abstract

This blog system is for the convenience of users ( System administrator ) Publish your own blog post , As a record of one's own experience or learning . At the same time, learners who are interested in an article can browse 、 give the thumbs-up 、 Comment on . System administrators can publish blog articles on their relevant management pages and set different labels to distinguish the nature and category of relevant articles , Get browsing information ( Including the number of views and likes )、 Comments and questions of visitors related to the website system . besides , As system administrator , Have the ability to manage and view relevant visitors 、 Sign in 、 And related address id Such as permissions . meanwhile , It can also provide visitors with the functions of viewing and searching articles, obtaining the latest and hottest articles and page Jump in the homepage interface of the blog . The website supports other users to register and log in , Give it to bloggers under articles of interest ( That is, the system administrator or its members ) Leaving a message. 、 Like and so on .

Abstract

This blog system is to facilitate users (system administrators) to publish their own blog articles as a record of their own experience or learning. At the same time, learners who are interested in an article can browse, like and comment. The system administrator can publish blog articles on its relevant management pages and set different labels to distinguish the nature and category of relevant articles, obtain browsing information (including views and likes, etc.), messages and questions from relevant visitors of the website system. In addition, as a system administrator, I have the authority to manage and view the registration, login and relevant address ID of relevant visitors. At the same time, it can also provide visitors with the functions of viewing and searching articles, obtaining the latest and hottest articles and page Jump in the homepage interface of the blog. The website supports other users to register and log in, and leave messages and likes to bloggers (i.e. system administrators or their members) under articles of interest.

Innovation points

The system is in structural erection and design , Mainly used Django Provide advanced Python Web Framework development , Its data model syntax provides many rich methods to represent models and template search paths , Allow to minimize redundancy between templates . Once the model is defined ,Django You can automatically create a professional 、 Production ready management interface ( That is, an authenticated user is allowed to add , Change and delete the site of the object ) And other advantages in website construction . meanwhile , The system also adopts BootStrap4 Some technologies beautify the front and rear interfaces , The background of the system adopts Simpleui Design and beautify the interface . The front-end web page mainly uses HTML and CSS Carry out structural design and present rich and colorful interfaces , Partial use of JavaScrit Design and construct the response behavior of relevant web pages , In order to facilitate visitor registration and other needs , Using a third party app plug-in unit alluth Provide this part of the function ( That is, it provides three ways to register and log in for interested visitors to choose ). The front and back end data interaction of the system adopts Ajax In related technologies post And other transmission mode functions to carry out the operation of front and rear end interaction .

 

1. Use and startup system

1 Basic process of system startup

1.1 Download the system compressed package and unzip

Download the compressed package of the blog system and unzip it to the desktop or other places on the computer ( Self determination ), Pictured 1-1 Shown .

 

chart 1-1 decompression

1.2 Open the system folder

start-up Pycharm Community Edition , Open the project , Pictured 1-2 Shown . And open the extracted blog system folder .

 

chart 1-2 The system folder opens the page

1.3 Virtual environment establishment and activation

Establish virtual environment and activate virtual environment , Pictured 1-3 Shown .

First enter the command to create a virtual environment :python –m venv ll_env

Then enter the command to activate the virtual environment :ll_env\Scripts\activate

 

chart 1-3 Create and activate the virtual environment

1.4 Start the system

Start the blog system ( If you don't succeed , Then use the relevant pip Command to install the corresponding plug-in package ) And using the data migration command line , Separately shown 1-4 Sum graph 1-5 Shown .

First enter :python manage.py makemigrations;

Input again :python manage.py migration):

Use the startup system command line :python manage.py runserver 8080( If no port is specified, the general default port is 8000)

 

chart 1-4 Activate the virtual environment

 

chart 1-5 Start blog

1.5 Enter the home page of the blog

Click and enter the... Displayed after successful startup of the command line http The website address can enter the home page of the blog , Pictured 1-6 Shown .

 

 

 

chart 1-6 Blog's front page

2. Introduction to client functions

2. Introduction to user functions

2.1 Log in to the blog ( Support third party login ):

Users can log in to the system by account name and login password , You can also log in through a third-party account , Pictured 2-1 Sum graph 2-2 Shown .

 

chart 2-1 The login page

 

chart 2-2 Third party login page

2.2 register

Users can register their account on this page , Pictured 2-3 Shown .

 

chart 2-3 User registration page

2.3 Reset password

If the user forgets the password , You can reset the password on this page , Pictured 2-4 Shown .

 

chart 2-4 Login password reset page

2.4 Check the article and like 、 Comment on

On this page, users can view relevant articles of interest , Like it 、 Comment on , Pictured 2-5 Sum graph 2-6 Shown .

 

chart 2-5 Like function page

 

chart 2-6 Comment page

2.5 Search for articles

Users can search for published articles in the relevant search box , Pictured 2-7 Shown .

 

chart 2-7 Article search page

2.6 Provide multiple function pages and search interfaces

Here, , Users can click the relevant interface link , Quick access to its page , Pictured 2-8 Shown .

 

chart 2-8 Page Jump interface page

3. Background function introduction

3 Introduction to administrator related functions

3.1 Access management background

Add... After logging in to the website address /admin You can enter the system administrator page , Pictured 3-1 Shown .

 

chart 3-1 Administrator login page

3.2 Log in to background management

The default user name of the administrator is A; The default password is 123456 Only when the input is correct can you enter the management background , Otherwise prompt “ Please enter the correct user name ……”, Pictured 3-2 Sum graph 3-3 Shown

 

chart 3-2 Wrong account login management background

 

chart 3-3 Successfully log in to the management background

3.3 Account management

The administrator can manage the account in this function block , Pictured 3-4 Shown .

 

chart 3-4 Account management page

3.4 Social account management

Administrators can manage users' social accounts in this function block , Pictured 3-5 Sum graph 3-6 And graph 3-7 Shown .

 

  chart 3-5 Social account management page

 

chart 3-6 Social account management page

 

chart 3-7 Social account management page

3.5 Publishing blog articles and editing functions

Administrators can write blog articles in this function block 、 publish 、 to update , Pictured 3-8 Sum graph 3-9 Shown .

 

chart 3-8 Publish blog posts and edit article pages

 

chart 3-9 Publish blog posts and edit article pages

3.6 Add article column

The administrator can manage the column of published articles in this functional section , Pictured 3-10 Sum graph 3-11 Shown .

 

 

chart 3-10 Add article column page

 

chart 3-11 Add article column page

3.7 Add tag item

The administrator can manage the label items in this function block , Used to label published articles , Pictured 3-12 Sum graph 3-13 Shown .

 

 

chart 3-12 Add tag item page

 

chart 3-13 Add tag item page

3.8 Authentication and authorization management

The administrator can perform account authentication and authorization management in this function block , Pictured 3-14 Shown .

chart 3-14 Authentication and authorization management page

3.9 Comment management function

Administrators can manage the comments of articles in this function block , You can choose whether to reply to relevant messages , Pictured 3-15 Shown .

 

 

chart 3-15 Comment management function page

3.10 Introduction to other functional sections

Administrators can manage relevant login addresses and select personalized background themes in this functional section , Pictured 3-16 Sum graph 3-17 Shown .

 

chart 3-16 Manage relevant login address pages

 

chart 3-17 Personalized theme page

If you want to get the source code , Please pay attention to the official account of WeChat : Xiangyi studio

Then send it in the background blog You can get relevant ways

copyright notice
author[Protinx],Please bring the original link to reprint, thank you.
https://en.pythonmana.com/2022/135/202205142134592674.html

Random recommended