个人导航网站介绍和部署

前言:

大家好,我是神的孩子都在歌唱,这是我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

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

相关推荐
学习编程的Kitty27 分钟前
算法——位运算
java·前端·算法
斑点鱼 SpotFish32 分钟前
用Python可视化国庆期间旅游概况与消费趋势
开发语言·python·旅游
only-lucky35 分钟前
在Qt中使用VTK
开发语言·qt
用户904706683571 小时前
如何使用 Spring MVC 实现 RESTful API 接口
java·后端
刘某某.1 小时前
数组和小于等于k的最长子数组长度b
java·数据结构·算法
程序员飞哥1 小时前
真正使用的超时关单策略是什么?
java·后端·面试
用户904706683571 小时前
SpringBoot 多环境配置与启动 banner 修改
java·后端
小杰帅气1 小时前
类与对象1
开发语言·c++
chenyuhao20241 小时前
《C++二叉引擎:STL风格搜索树实现与算法优化》
开发语言·数据结构·c++·后端·算法
小old弟1 小时前
后端三层架构
java·后端