个人导航网站介绍和部署

前言:

大家好,我是神的孩子都在歌唱,这是我csdn的博客 ,

这是我做的一个神唱导航网站项目 ,这是一个练习项目,所以还存在很多问题,目的是方便收集和查阅日常浏览的网站,代码完全开源github,含有安装部署教程,欢迎有想法的小伙伴给我提意见

一. 目的

  1. 有一个自己的导航网站是一件装逼的事情
  2. 在完善自己的导航网站中不断学习

二. 项目标题和描述

我这个导航的标题叫做 神唱导航网站神唱神的孩子都在歌唱 的简称,神的孩子都在歌唱 的名字来源于 五月天神的孩子都在唱歌

本项目分为前台和后台,前台是展示 导航网站 , 后台是对 导航网站 的增删改查(后台用的ruoyi框架),它们都是前后端分离项目

三. 使用技术

后端: springboot + mybatis-plus + postgresql + redis

四. 安装部署

4.1 环境

环境 版本
一台linux服务器 centos7
postgres 14.6
redis 6.2.6
java 1.8
python 3.7
vue @vue/cli 5.0.8
node v16.14.0
npm 8.3.1

4.2 前台

后端代码

前端代码

拉取前后端代码

4.2.1 后端代码打包

使用idea打开项目,在配置文件里面修改你的数据库密码

打成jar,可以使用命令 java -jar 文件名.jar 测试运行

4.2.2 前端代码打包

进入到下载好的前端目录下运行

安装依赖
npm install

打包 npm run build

4.3 后台

后台代码

后台用的ruoyi框架 ,部署打包可以参考若依,方便对导航网站的增删改查

4.3.1 后端代码打包linux中查看nginx版

修改profile和websiteInfo的路径

修改redis和数据库的用户和密码

打成jar,可以使用命令 java -jar 文件名.jar 测试运行

4.3.2 前端代码打包

进入到下载好的前端目录下运行

安装依赖
npm install

打包 npm run build:prod

4.4 项目部署linux服务器

以下是我部署的方法,大家可以当做参考

4.4.1 后端

/etc/systemd/system目录下建立一个 navicate_admin.service 在里面配置如下信息,修改以下你的jar包路径就可以

shell 复制代码
[Unit]
Description=navication
After=network.target

[Service]
User=root
ExecStart=/usr/bin/java -jar /project/navicate/navicate_admin/ruoyi-admin.jar
SuccessExitStatus=143
Restart=always

[Install]
WantedBy=multi-user.target

配置好了后就可以通过以下方式启动和关闭服务了

shell 复制代码
systemctl start navicate_admin.service
systemctl restart navicate_admin.service
systemctl status navicate_admin.service
4.4.2 前端

需要下载nginx,然后参考我的如下配置

shell 复制代码
server {
        listen        80;
        server_name localhost;

        location / {
            #root html;
            root   /chenyunzhi/project/navicate/navicate_web/dist;
            index  index.html index.htm;
            #proxy_pass http://localhost:8089/;
        }
        location /api/ {
           proxy_pass http://localhost:8089/;
        }
        location /profile/ {
           alias   /chenyunzhi/project/navicate/navicate_admin/uploadPath/;
        }

    }

在重启nginx就能生效了 ./nginx -s reload

/usr/nginx/conf

访问: http://localhost/#/menu

以上前台的部署配置,后台前端的同理

五. 感谢

后台使用了ruoyi的开源管理框架,非常感谢

六 需要实现的功能

  1. 后台新增导航网站只需要输入网站url就可以自动获取网站图标和标题的脚本(已完成,有些网站没法获取图标)
  2. 自动添加默认图标

作者:神的孩子都在歌唱

本人博客:https://blog.csdn.net/weixin_46654114

转载说明:务必注明来源,附带本人博客连接。

相关推荐
轩辰~1 分钟前
网络协议入门
linux·服务器·开发语言·网络·arm开发·c++·网络协议
小_太_阳11 分钟前
Scala_【1】概述
开发语言·后端·scala·intellij-idea
向宇it11 分钟前
【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理
开发语言·unity·c#·编辑器·游戏引擎
智慧老师20 分钟前
Spring基础分析13-Spring Security框架
java·后端·spring
lxyzcm21 分钟前
C++23新特性解析:[[assume]]属性
java·c++·spring boot·c++23
古希腊掌管学习的神1 小时前
[LeetCode-Python版]相向双指针——611. 有效三角形的个数
开发语言·python·leetcode
赵钰老师1 小时前
【R语言遥感技术】“R+遥感”的水环境综合评价方法
开发语言·数据分析·r语言
V+zmm101341 小时前
基于微信小程序的乡村政务服务系统springboot+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
就爱学编程1 小时前
重生之我在异世界学编程之C语言小项目:通讯录
c语言·开发语言·数据结构·算法
Oneforlove_twoforjob1 小时前
【Java基础面试题025】什么是Java的Integer缓存池?
java·开发语言·缓存