--------> 网站地址
http://139.9.136.134:66/
前言
构建“码上生活”网站的初衷首先是希望锻炼自己独立建站的能力,其次就是希望通过该网站结交一些对编程、对IT感兴趣的人士。我们这个行业本来就是一个日新月异的行业,只有紧跟时代潮流,不断吸收和学习新的知识、拓宽自己的眼界才能有更好的发展。 本网站是以别的网站界面为原型搭建的,在搭建网站的过程中也确实收获了很多知识。比如前后端的分离式设计、业务逻辑的梳理、界面功能的实现、一些实用的工具和包等等。借此,我来分享一下我的建站经历,希望能够对你有所帮助,当然也希望大家日后多多关注我,共同成长,一起进步。
实现流程
个人博客功能
前端界面: | 首页 | 分类 | 标签 | 归档 |
---|---|---|---|---|
后端管理: | 管理员登录 | 博客管理 | 分类管理 | 标签管理 |
技术实现
后端框架:Spring Boot + JPA + thymeleaf模板
数据库:MySql
前端UI:Semantic UI / Easy UI
工作与环境
IDEA: https://www.jetbrains.com/idea/
Maven: http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.0.4-bin.tar.gz
JDK8 https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
HBuilder https://www.dcloud.io/
Navicat https://www.navicat.com.cn/
内容模块
需求分析与功能规划
基于用户故事与敏捷开发用户故事是一个用来确认用户和用户的需求的简短的描述,把你的用户角色提炼出来。因为用户角色一般都比较常规,你可能需要用几个用户故事来组成一个丰富的用户角色。 目的:会讲故事的PM能够更好的和研发、用户进行沟通! 实现过程
1. 构思产品故事
2. 用户场景
3. 使用案例
4. 用户流
5. HMW
6. Design Hackathon
在一定的时间内,以头脑风暴的方式,最大范围地搜集产品的各种可能性,然后抽象地整理出这些想法背后所隐藏的核心概念和产品需求,快速梳理出正确的产品设计方向,之后将想法转化成可视的手稿和线框图,最终变成产品雏形。
页面设计与开发
原型驱动开发原型设计工具:visio 或者 Process on 都可以,Process on是在线绘图工具。
`这一部分我就不细讲了,你所看见的博客界面及功能就是项目原型`技术框架搭建
Spring Boot框架采用的核心技术:
(1)利用IDEA引入Spring基本模板,
(2)SpringBoot的JPA作为数据库管理实现,
(3)thymeleaf模板应用,
(4)Aspects模板(日志处理),
(5)DevTools模板(减少反复启动,
(6)web模块引用。
(7)使用.yml文件配置。
后端功能实现
实体设计
面向对象驱动:
从需求来确定实体类:
(1)博客(blog)
(2)博客分类(type)
(3)博客标签(tag)
(4)博客评论(comment)
(5)用户(管理员)(user)
实体关系type <-- blog 单向的实体关系(多个博客对应一个分类)
blog <--> Tag 双向实体关系(一个博客包含多个标签,一个标签也有多个博客)
User<--blog 单向的实体关系(多个博客对应一个用户)
blog<--comment 单向的实体关系(多个评论对应一个博客,评论的自关联的关系)
前端功能实现
将后台管理和前端进行一个连接,对前端界面进行优化处理和后端整合。
服务器部署
服务器构买
要想发布自己的网站首先要在服务器上进行部署,只有在服务器上部署了别人才能通过服务器的IP地址访问到你所发布的项目。 服务器在阿里云、腾讯云、华为云都可以购买到。我购买的是Windows系统,建议购买Linux系统,当然对Linux不熟悉的可以构买Windows。
服务器部署
首先要下载一个远程连接的软件,能通过你的本地电脑连接你的服务器,比可以对你的服务器进行操作。 我没有购买云数据库,直接在服务器上安装的mysql数据库,将项目运行在服务器数据库上。
服务器安装运行环境:
1.mysql数据库
2.Tomcat环境
3.JDK1.8
4.防火墙端口设置(设置为可访问)
5.控制台安全组设置可访问端口
这样你的项目就可以通过IP访问了。当然你也可以购买域名,由于资金有限,本人暂时还未购买域名。
结语
希望我的建站经历对你有所帮助,愿同你一起进步。