• 尚硅谷 谷粒学院 毕业设计 在线教育 部署文档

    项目简介

    本课题研究的基于SpringCloud的K12在线学习网的设计与实现的主要功能包括前端系统，后端管理系统等两大主模块，主模块下包括课程中心、讲师中心、直播、用户中心、微信登录、统计分析、banner管理、权限管理等10个模块。系统实现使用了Spring三剑客中的SpringCloud作为后端微服务框架，使用Vue做为前端界面的主要开发框架，使开发更加快速简洁，使用Nuxt框架方便对进行SEO优化，使用Redis对访问流量高的讲师，学生列表等热点数据，进行缓存，减少持久化存储MySQL数据库的访问压力，使用MongoDB对即时通信（Instant Messaging，IM）等数据量大的数据进行存储，使用OSS对图片的文件进行存储，减少服务存储压力，使用Nacos注册发现和配置中心。
    其他细节参考：毕业论文

    源码地址

    后端服务：https://gitee.com/lofxve/e_learning
    前端后台管理：https://gitee.com/lofxve/e_learning_admin
    前端服务页面：https://gitee.com/lofxve/e_learning_front
    教师发布直播教程：教程地址

    服务器规划

    在这里插入图片描述

    轻应用服务器 1核2G

    1. nacos
    2. red5
    3. redis
    4. mongodb

    ECS 2核 16 G

    1. maven
    2. git
    3. docker
    4. jenkins
    5. nodejs
    6. nginx

    阿里云数据库RSD版 MySQL

    关机重启后操作

    jenkins 需要重启

    nohup java -jar ./jenkins.war --httpPort=9000 &

    admin 需要修改端口，重新上传

    nuxt 本地启动，访问远程服务器

    jdk

    jdk下载

    https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

    copy到/usr/local

    vim /etc/profile

    export JAVA_HOME=/usr/local/jdk1.8.0_291
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib:$CLASSPATH
export JAVA_PATH=${JAVA_HOME}/bin:${JRE_HOME}/bin
export PATH=$PATH:${JAVA_PATH}

    • 1
    • 2
    • 3
    • 4
    • 5

    source /etc/profile

    java -version

    javac

    安装完成

    maven

    下载

    wget https://mirrors.tuna.tsinghua.edu.cn/apache/maven/maven-3/3.6.3/binaries/apache-maven-3.6.3-bin.tar.gz

    解压

    tar -xf apache-maven-3.6.3-bin.tar.gz -C /usr/local/
    mv /usr/local/apache-maven-3.6.3/ maven3.6

    加入环境变量

    vim /etc/profile文件最下方加入新的一行

    export PATH=$PATH:/usr/local/maven3.6/bin

    添加完后，执行

    source /etc/profile

    验证

    执行which mvn

    显示/usr/local/maven3.6/bin/mvn就说明配置成功了

    git

    yum -y install git

    nacos

    下载

    wget https://github.com/alibaba/nacos/releases/download/1.4.0/nacos-server-1.4.0.tar.gz

    解压

    tar -zxvf nacos-server-1.4.0.tar.gz

    移动

    mv nacos nacos-1.4.0 cd /usr/local/nacos-1.4.0/

    新建数据库 nacos，将conf目录下的 nacos-mysql.sql 文件导入到数据库中

    编辑 config 目录下的 application.properties 文件

    vim application.properties

    #*************** Config Module Related Configurations ***************#
### If use MySQL as datasource:
spring.datasource.platform=mysql
### Count of DB:
db.num=1
### Connect URL of DB:
db.url.0=jdbc:mysql://ip:3306/nacos?characterEncoding=utf8&connectTimeout=1000&socketTimeout=3000&autoReconnect=true&useUnicode=true&useSSL=false&serverTimezone=UTC
db.user=
db.password=

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    启动

    sh ./nacos/bin/startup.sh -m standalone

    访问

    ip:8848/nacos

    redis

    yum redis数据库

    yum install redis

    下载fedora的epel仓库

    yum install epel-release

    启动redis服务

    systemctl start redis

    重启、停止、状态

    systemctl status redis

    systemctl stop redis

    systemctl restart redis

    systemctl start redis

    设置开机自启动

    systemctl enable redis

    开放端口号

    firewall-cmd --zone=public --add-port=80/tcp --permanent

    firewall-cmd --zone=public --add-port=6379/tcp --permanent

    设置redis 远程连接和密码

    vim /etc/redis.conf

    #bind 127.0.0.1

    #保护模式

    protected-mode no

    #端口

    port 6379

    #密码

    requirepass 123456789aA!

    登录

    redis-cli -h 127.0.0.1 -p 6379

    127.0.0.1:6379> auth 123456789aA!

    redis-cli -h 127.0.0.1 -p 6379 -a 123456789aA!

    #避免中文乱码 redis-cli --raw -h 127.0.0.1 -p 6379 -a 123456789aA!

    mongoDB

    配置MongoDB的yum源

    cd /etc/yum.repos.d

    vim mongodb-org-4.0.repo

    [mongodb-org-4.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.0.asc

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    安装MongoDB

    yum -y install mongodb-org

    关闭远程连接设置

    vim /etc/mongod.conf

    重启、停止、状态

    sudo service mongod star

    sudo service mongod stop

    sudo service mongod restart

    service mongod status

    使用

    连接mongodb

    /bin目录下执行

    ./mongo

    新的超管账号

    use admin
db.createUser({user:"root",pwd:"root",roles:["root"]})
db.updateUser("root",{roles:[ {role:"root",db:"admin"} ]})

    • 1
    • 2
    • 3

    red5

    nohup ./red5.sh &

    • 1

    docker

    更新yum

    sudo yum update

    安装需要的软件包

    yum-util 提供yum-config-manager功能，另外两个是devicemapper驱动依赖的

    sudo yum install -y yum-utils device-mapper-persistent-data lvm2

    设置yum源

    sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo

    安装最新版

    yum -y install docker-ce

    启动docker

    systemctl start docker

    systemctl enable docker

    修改源

    vim /etc/docker/daemon.json

    {“registry-mirrors”: [“https://docker.mirrors.ustc.edu.cn”]}

    sudo systemctl restart docker

    jenkins

    下载

    wget http://mirrors.jenkins.io/war-stable/latest/jenkins.war

    启动

    nohup java -jar ./jenkins.war --httpPort=9000 &

    • 1

    全局工具配置

    git

    image-20210609194858721

    jdk

    image-20210609194939876

    maven

    image-20210609195001853

    新建任务

    任务名称

    image-20210609195048197

    git

    image-20210609195142701

    增加构建步骤

    image-20210609195306941

    shell脚本

    #!/bin/bash
#maven打包
mvn clean package
echo 'package ok!'
echo 'build start!'
cd ./service/service-statistics
echo '进入目录'
service_name="service-statistics"
#查看镜像id
IID=$(docker images | grep "$service_name" | awk '{print $3}')
echo "IID $IID"
if [ -n "$IID" ]
then
    echo "exist $SERVER_NAME image,IID=$IID"
    #删除镜像
    docker rmi -f $service_name
    echo "delete $SERVER_NAME image"
    #构建
    docker build -t $service_name .
    echo "build $SERVER_NAME image"
else
    echo "no exist $SERVER_NAME image,build docker"
    #构建
    docker build -t $service_name .
    echo "build $SERVER_NAME image"
fi
#查看容器id
CID=$(docker ps | grep "$SERVER_NAME" | awk '{print $1}')
echo "CID $CID"
if [ -n "$CID" ]
then
    echo "exist $SERVER_NAME container,CID=$CID"
    #停止
    docker stop $service_name
    #删除容器
    docker rm $service_name
else
    echo "no exist $SERVER_NAME container"
fi
#启动
docker run -d --name $service_name --net=host $service_name
#查看启动日志
#docker logs -f  $service_name

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43

    image-20210609195433754

    nacos配置中心

    image-20210609195922349

    spring:
  cloud:
    nacos:
      config:
        server-addr: 127.0.0.1:8848
        file-extension: yml
  application:
    name: service-msm
  profiles:
    active: dev


    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11

    image-20210609195950162

    Dockerfile

    FROM openjdk:8-jdk-alpine
VOLUME /tmp
COPY ./target/service-msm-0.0.1-SNAPSHOT.jar service-msm-0.0.1-SNAPSHOT.jar
ENTRYPOINT ["java","-jar","/service-msm-0.0.1-SNAPSHOT.jar", "&"]

    • 1
    • 2
    • 3
    • 4

    nodejs

    下载

    wget https://nodejs.org/dist/v14.17.0/node-v14.17.0-linux-x64.tar.xz

    移动

    mv /usr/local/pack/node-v14.17.0-linux-x64/* /usr/local/nodejs/

    软连接

    ln -s /usr/local/nodejs/bin/node /usr/local/bin

    ln -s /usr/local/nodejs/bin/npm /usr/local/bin

    检查

    npm -v

    node -v

    nginx

    安装必要插件：

    安装gcc

    yum -y install gcc gcc -v

    pcre、pcre-devel安装

    yum install -y pcre pcre-devel

    zlib安装

    yum install -y zlib zlib-devel

    安装openssl

    yum install -y openssl openssl-devel

    安装

    下载nginx安装包

    wget http://nginx.org/download/nginx-1.9.9.tar.gz

    把压缩包解压到usr/local/java

    tar -zxvf nginx-1.9.9.tar.gz

    切换到cd /usr/local/java/nginx-1.9.9/下面

    ./configure

    make

    make install

    添加到环境变量

    ln -s /usr/local/nginx/sbin/nginx /usr/bin

    安装成功后查看版本

    nginx -v

    设置开机启动

    vim /lib/systemd/system/nginx.service

    注意nginx 路径必须为自己安装的路径

    【以下纯文本可以复制】

    [Unit]
Description=nginx - high performance web server
Documentation=http://nginx.org/en/docs/
After=network.target
[Service]
Type=forking
ExecStart=/usr/local/nginx/sbin/nginx
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s  stop
PrivateTmp=true
   
[Install]  
WantedBy=multi-user.target

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    开机启动

    systemctl enable nginx

    常用命令

    nginx                      # 运行nginx
nginx -s reload            # 重新载入配置文件并运行
nginx -s reopen            # 重启 Nginx
nginx -s stop              # 停止 Nginx

    • 1
    • 2
    • 3
    • 4

    vue部署nginx配置

    admin

    worker_processes  1;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;


    sendfile        on;

    keepalive_timeout  65;

	client_max_body_size 1024m;
    
    server {
        listen       9528;			# 监听的端口	
        server_name  localhost;		# 域名或ip 
        
        location / {				# 访问路径配置
            add_header 'Access-Control-Allow-Origin' '*';#添加接口跨域
            root   /usr/local/web/admin;	# 根目录		
            try_files $uri $uri/ /index.html;				# 防止刷新404
            index  index.html index.htm;		# 默认首页
            proxy_set_header Host $host:9528;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Via "nginx";       
        }
        
        error_page 404 /index.html; #这个配置，预防页面刷新后跳转到404页面
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }    
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39

    front

    worker_processes  1;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;


    sendfile        on;

    keepalive_timeout  65;
    client_max_body_size 1024m;
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Headers X-Requested-With;
    server {
        listen       9528;			# 监听的端口	
        server_name  localhost;		# 域名或ip 
        
        location / {				# 访问路径配置
            root   /usr/local/web/admin;	# 根目录		
            try_files $uri $uri/ /index.html;				# 防止刷新404
            index  index.html index.htm;		# 默认首页
            proxy_set_header Host $host:9528;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Via "nginx";       
        }
        
         error_page 404 /index.html; #这个配置，预防页面刷新后跳转到404页面
        


        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

	server {
		listen       3001;
		server_name  localhost;	
		location  / {
			proxy_http_version 1.1;
			proxy_set_header Upgrade $http_upgrade;
			proxy_set_header Connection "upgrade";
			proxy_set_header Host $host:3001;
			proxy_set_header X-Nginx-Proxy true;
			proxy_cache_bypass $http_upgrade;
			proxy_pass http://127.0.0.1:3000;  #反向代理
		} 
	}	
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54

    vue部署

    


    • 1
    • 2

    nuxt部署

    npm run build

    把本地文件的.nuxt、static,package.json、nuxt.config.js，这四个文件夹放到服务器目录文件下
    在这里插入图片描述

    npm install
    nohup npm start &

    nuxt 打包大文件

    module.exports = {
   build: {
         babel: {
            compact: false
         }
   }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    nuxt代理解决跨域问题

    npm i @nuxtjs/axios @nuxtjs/proxy -D

    在 nuxt.config.js

    module.exports = {
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  axios: {
    proxy: true,
    prefix: '/api/',
    credentials: true
  },
  proxy: {
    '/api/': {
      target: 'http://59.0.0.1:8084/api/', // 目标服务器ip
      pathRewrite: {
        '^/api/': '/',
        changeOrigin: true
      }
    }
  }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20

    安全组

    image-20210609213005361
    为了这个项目我真的付出了很多，其实也学到了很多很多，但是总有种遗憾，没有给老师真正展现这个项目的闪光点。
    这个项目其实是跟着尚硅谷-谷粒学院去做的，后来有自行扩展了im和red5的直播。

  • 相关阅读:
    如何让您的公司内容满足 GDPR 合规性
    leetcode:507. 完美数(python3解法)
    Windows系统Mysql8版本的安装教程
    全方位剖析Numpy中的np.diag源代码
    Calcite parser config介绍
    记一次 .NET某账本软件 非托管泄露分析
    蓝帽杯2022年半决赛 writeup(附取证题目+解压密码+附件)
    读书笔记系列——读《深入理解JVM第3版》笔记：Java内存区域
    在ubuntu用wine安装微信 并解决无法输入文字的问题 ubuntu完美安装微信
    全球名校AI课程库（43）| 李宏毅 · 机器学习(&深度学习)课程『Machine Learning』
  • 原文地址：https://blog.csdn.net/wei_zhen_dong/article/details/126474652