Ubuntu上部署Web前后端环境(vue+python+mysql)

一、环境配置
工具:VMware (虚机)
系统版本:linux ubuntu_16.04_64-bit
虚拟机CPU(核数):32C 虚拟机内存(GB):64G 虚拟机磁盘(GB):2T
输入python :Python 3.6.8   (如果系统不自带 下载安装)
输入npm -v : npm 6.13.4 (如果系统不自带 下载安装)
输入nodejs -v 或者 node -v 或者node: v12.16.1 (如果系统不自带 下载安装)

二、ubuntu代码下载(通过git进行版本控制)

1)本地代码上传到git

2)ubuntu环境下通过git工具下载代码

a. 在用户目录下创建存放代码的文件夹 mkdir ***
b. 克隆选择http的方式,用户名密码
git clone 某个git仓库地址(该命令是在当前路径下创建一个新的目录,并复制Git库到新创建的目录)
输入用户名和密码
c. 下载完成

备注git相关命令:
git status .
git branch
git status
git log
git show *****
git add 新增文件名
git commit -m "用户描述信息"
git push origin/master
(Please make sure you have the correct access rights)
git push
用户名 
密码

三、前端安装

1.前端环境——安装nodejs npm ——安装完重连下服务器
查看是否有nodejs : node -v
查看是否有npm : npm -v

更新nodejs为新版本:ubuntu18.04安装nodejs最新版、指定版 12.x 14.x - 尽情山水 - 博客园 ubuntu18.04安装nodejs最新版、指定版 12.x 14.x
sudo apt update
sudo apt install nodejs
curl -sL https://deb.nodesource.com/setup | sudo bash -
sudo apt update

sudo apt install nodejs

2.安装淘宝镜像,因为npm的源是国外的,有时候会比较慢 
npm install -g cnpm –registry=https://registry.npm.taobao.org

3.Ubuntu16.04 安装nodejs 搭建vuejs开发环境

4. 使用如下命令将vue-cli全局安装到系统环境中

5.启动前端任务

四、后端安装

后端环境安装——python、mysql (python3已经存在)

下载代码
安装mysql,报没有依赖libaio网上下载 传到linux服务器,sudo apt-get libaio安装成功->再安装mysql5.7 安装成功
安装python依赖 requirements.txt
安装mysql:
sudo apt update,首先更新一下软件列表,5.7只是我安装的时候库里最新版本,具体直接按tab键即可
sudo apt install mysql-client-core-5.7,物理端的核心
sudo apt install mysql-client-5.7,客户端的组件
sudo apt install mysql-server-5.7,服务端,安装的过程会提示输入root用户的数据库密码,切记不要忘
sudo apt install mysql-workbench,这是MySQL自己的可视化工具,至此已安装完毕,打开工具可直接登录

安装python依赖
安装python的依赖requriment.txt文件的时候 你执行的是啥命令?
pip3 install -r requements.txt

sudo apt-get install python3-pip
whereis pip3
    pip3: /usr/bin/pip3 /usr/share/man/man1/pip3.1.gz
pip3 install -r requirements.txt

五、启动前后端——前后端分别在不同的screen中启动

1)正常启动方式:

前端安装依赖包:npm install
前端启动:npm run serve
后端启动:python myServer.py

2)为了防止关掉xshell之后网站也随着关闭,利用 screen多窗口启动前后端,保证即使xshell窗口关闭,前后端仍然在后台运行着。
screen -ls
sudo su
screen -S myServer
conda activate web
cd MyService/myServer/
python myServer.py
Ctrl+a d

screen -S myclient
conda activate web
cd MyService/myclient/
npm run serve
Ctrl+a d

screen -ls
screen -r myclient
screen -r myServer
Ctrl+a d

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue + Spring Boot + MySQL + MyBatis 是一种常见的前后端分离的项目架构,下面是对其前后端的分析: ### 前端分析 Vue 是一种流行的前端框架,可以帮助开发者构建高效、灵活的 Web 应用程序。Vue 提供了组件化的开发方式,使得开发者可以将应用程序分解成小而独立的部件,从而更加容易维护和扩展。 在这种架构下,前端主要负责用户界面的展示和交互,通过 AJAX 或 WebSocket 等技术与后端进行数据交互。前端一般使用 Vue、Element UI、Axios 等技术来实现。 ### 后端分析 Spring Boot 是一种快速开发框架,可以帮助开发者快速搭建基于 Spring 的 Web 应用程序。Spring Boot 集成了多种 Spring 组件,使得开发者可以更加方便地使用 Spring 的各种功能。 MySQL 是一种开源的关系型数据库,可以存储和管理大量的结构化数据。在这种架构下,后端一般使用 MySQL 作为数据存储。 MyBatis 是一种简单而强大的 ORM 框架,可以帮助开发者将 Java 对象映射到数据库表中。MyBatis 提供了多种数据访问方式,使得开发者可以根据不同的场景选择合适的方式进行数据访问。 在这种架构下,后端主要负责数据的处理和存储,通过 RESTful API 或 WebSocket 等技术与前端进行通信。后端一般使用 Spring Boot、MyBatis、MySQL 等技术来实现。 总的来说,这种架构将前后端分离,将应用程序的不同部分分解成小而独立的部件,使得开发者可以更加灵活地开发和维护应用程序。同时,这种架构也使得应用程序的不同部分可以独立进行扩展和升级,从而更加容易适应不同的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值