Blog address: ONESTAR Inn
Source code access method 1:
- Pay attention to the end of the public number [programming daily], background reply [blog], you can get the source code
Source code access method two:
Front-end page source address: github.com/oneStarLR/m…
Jpa as a persistent layer source address: github.com/oneStarLR/m…
Mybatis as a persistent layer source address: github.com/oneStarLR/m…
Welcome to give encouragement to star
First of all, thank you for the video of STATION B: Small and beautiful personal blog (direct search can be found), the blogger in the video on the basis of the modification of some functions, the development of two sets, a set of using JPS for the persistence layer, a set of using Mybatis for the persistence layer, because the use of JPA development has video explanation, very detailed, here mainly explains the use of Mybatis for the persistence layer development, Will give a series of blogs to explain, the front end I will take out directly, will not explain, mainly back-end development, from the framework to all function realization and online deployment, there will be detailed explanation, welcome to continue to pay attention to this site. Without further ado, let’s take a look at the front-end page design.
A, the home page
1. Home page
The home page is mostly a text description and personal information. If you have a high resolution screen or a small zoom screen, you can see the latest recommendations below
2. Blog list
Blog list mainly includes blog title, blog introduction, author, time, view, number of comments, blog classification and blog header
3. Bottom of the home page
At the bottom are some of the more conventional functions, showing the user’s wechat QR code, the latest posts and the running time of the blog
Ii. Blog details
1. Blog title and information
It shows the title, title and other information of the article
2. Comments at the end of the article
At the end of the article, there is information and comment area for reprinting articles. Comments have building function and are divided into ordinary users and administrators
Second, classification page
Display category name, click to display different category articles
3. Timeline
The two sides of the ladder are separated to display in chronological order
Music box
Music box is the use of an open source plug-in, their own modifications, the main function has the display of songs, lyrics, play, pause, the last song, the next song, volume adjustment, play order adjustment, synchronization lyrics and other functions
Five, message board
The function is the same as blog comments
Vi. Friend Account (Friend chain)
Add friendchain request and display friendchain
Photo wall
Adopted an open source plug-in, their own modifications, can be displayed according to the different screen resolution, zoom in and out of the picture is not deformed
Click on a picture displayed below, there is some basic information about the picture, you can switch the picture left and right
Eight, about me
Static page, some blogger information
Nine, background management
1. Article management
You can add, edit, delete, and search articles
New article using Markdown syntax
2. Classification management
Classification can be added, edited, modified, deleted
3. Friendchain management
You can add, edit, modify and delete the friend chain
4. Album management
You can add, edit and delete photos
For more information, you can directly visit my blog: ONESTAR Inn
The next article will cover database design
[Point attention, don’t get lost, welcome to continue to pay attention to this site]
