界面
- 前台界面展示(给到浏览用户)
- 后台界面展示(简单介绍)
- 技术说明
前台界面展示(给到浏览用户)
肯定首先将界面展示一下。声明一下这个不是我原创的界面,当然这个是可以改造的。这个在安全上还有很多需要去改造的地方。后面慢慢改吧。今天是勉强让它运行起来了。在家没事干,总得继续学习,做点东西,不然拿什么满足自己的空虚。
废话不多说。来看下这个界面。这个是进去的主界面,当然这里是展示一下自己的特色,写一下东西,然后一个头像,然后这里其实是可以划上去的。
滑下来,下面首先就是推荐的四篇。它会将四篇展示在前面浏览。
然后哦,继续往下可以看到的是比较详细的一些博客展示。这里我其实只是测试了,所以只弄了一个分类,写了一些简单的描述。
当然是可以点点进去看的。我觉的这里还是很简单美观的,我很喜欢这样的界面。
然后我们可以看分类阿,分类我为了测试随便只在数据库表中弄了一个字段hh,先就这样。来看这里java分类下是不是展示四篇阿。
当然也是可以展开浏览的。
来看这个流年的,这个阿,我还没有弄什么,不过放了一段动听的音乐。这里是原作者在这里搞的一段音乐。然后我们家上布局这些美丽好看的画面就到这样了。还是感觉还行吧。当然其实还是有一些展示的问题,不足的地方,我们后面改进。
然后下面这里阿是我们的音乐,这里是可以播放的。有的不能播放是可以理解的,因为这个音乐播放的数据来自外接链接,存在失效的问题。测试的是可以实现播放的功能,还可以调整音量。
下面这里么是评论的功能吗,这里的评论还可以,名字是自己设置的,也是合理的,因为我们没有给用户登录的功能,因为是自己的个人博客。没有给其它用户操作博文的权限,后面的话想搞也是可以的。
友人这里其实就是一个对外公告了。
下面这里是我自己的照片墙,是我后台添加照片的话其实会在这里展示。这里的照片存在的问题就是我并没有进行上传下载的操作。我的前端的引用只是来在外链,然后将图片展示了出来。效果还行。后面应该优化到上传下载。
这个资源库阿,其实还战且是一个展示,我还没给用户添加资源的操作权限,后台应该是可以的,我怕这里没有添加。
你看下面就是关于我了,我是作者,肯定得有自己得一些介绍了。这个头像是年轻时候得照片,就放到这里了。然后下面写了一些话。
右上角可以进行搜索
eg:
就是这样了。
后台界面展示(简单介绍)
后台这个登录界面很丑,我是一定要改得,当然你们看不到。
登录进去我就可以去操作了。
具体得例如
这个写博客得是完全没有问题得,当然也可以进行编辑也就是增删改。
大概整体主要就是这些展示了。然后当然我还要优化,必要得安全没有加当然还有功能没有完成。所以我没有给出访问地址。
技术说明
把技术说明放到这里了。这个没有用多少技术,但是你得看懂会部署。
我们看下maven
<dependencies>
<!--thymeleaf模板-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<!--AOP-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-aop</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.1.2</version>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.28</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>
<!--引入分页插件-->
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.2.12</version>
</dependency>
<!--<dependency>-->
<!--<groupId>jakarta.validation</groupId>-->
<!--<artifactId>jakarta.validation-api</artifactId>-->
<!--<version>2.0.2</version>-->
<!--</dependency>-->
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark</artifactId>
<version>0.10.0</version>
</dependency>
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark-ext-heading-anchor</artifactId>
<version>0.10.0</version>
</dependency>
<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark-ext-gfm-tables</artifactId>
<version>0.10.0</version>
</dependency>
<!-- redis -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-redis</artifactId>
</dependency>
<!-- spring2.X集成redis所需common-pool2-->
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-pool2</artifactId>
<version>2.6.0</version>
</dependency>
<!-- mail邮箱依赖-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-mail</artifactId>
<version>2.1.5.RELEASE</version>
</dependency>
<!-- guava缓存-->
<dependency>
<groupId>com.google.guava</groupId>
<artifactId>guava</artifactId>
<version>24.0-jre</version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
了解下
来了解markdown依赖,看这里其实就是插件
参考
然后我还用到了redis,不必多说。
其它得没啥说得都很常见了。
然后我说一下部署得东西。
这个项目我直接放了jar包。
nohup java -jar myblog-0.0.1-SNAPSHOT.jar &> reggie.log &
怎么部署?参考我这篇,要看就认真看
将瑞吉外卖项目jar包部署在远程服务器并成功运行在pc和移动端
对于我来说,写博客得作用就是让我缓存记忆。
部署到远程服务器你需要注意开放端口,阿里云开放端口得时候需要在服务器内部和面板都要操作。你怎么部署都行。但是要注意技术熟悉。不熟悉就是反复查找回忆了。
我就随便搞阿,我服务器本机mysql是五,但是删除卸载老存在一些问题,于是我干脆就用我之前docker里面的人mysql了,注意这里是很硬得知识点了。
这里是我之前学习中学到得一些,然后其实很多也会忘记,自己回头也会查看,这里了解可以在我主页搜索。
然后阿,我将域名映射服务地址采用得是nginx,这里告诉关键得一步。这里还是我之前写得,也可以去了解学习,写的都比较简单。
参考这里其搞。看不懂得话,可以留言,实在不懂真的需重新看下了。
所以说其实你要部署项目得话吗,其实还是需要之前学到得一些知识点得。大概就说个这把。后面会持续优化,起码会把安全框架搞一下。查询索引优化有时候搞一下,不过那玩意占用内存,我才2G内存得服务器。嗨嗨嗨。
后面继续优化得话,我会把我得域名公开,然后就是可以去把整体的东西详细写下,如果我有时间的话。
有的图片没有展示出来,说是违规,我真搞不懂哪里违规了。csdn老是恶心人,不好好筛选水文,就知道使劲压榨,老六。
今天介绍下,就这样了,有问题留言,也可以加我询问。具体的话,也可以来语雀
部署个人博客