精华内容
下载资源
问答
  • 前后端分离项目亲测有效
  • Java前后端分离项目部署到服务器

    千次阅读 2021-11-14 12:52:40
    Java前后端分离项目部署到服务器 看这篇文章之前,你应当确保你满足以下两点 1.前后端项目在本地可以成功运行 2.本地数据库已经连接到云端数据库,并且允许远程访问,也就是我们所说的远程数据库放行 3.本确保你有一...

    Java前后端分离项目部署到服务器

    看这篇文章之前,你应当确保你满足以下两点
    1.前后端项目在本地可以成功运行
    2.本地数据库已经连接到云端数据库,并且允许远程访问,也就是我们所说的远程数据库放行
    3.本确保你有一个云服务器,并且配置已经完善
    #以上三点不满足的可以先去看我另一篇文章
    文章连接
    现在开始正式工作

    1在linux上安装Nginx

    1.1.下载linux版本的Nginx

    在这里插入图片描述
    大概就是这个样子,是linux版本的压缩包

    nginx官网下载链接

    1.2把Nginx通过Xftp上传到linux指定文件夹

    建议跟我的路径一样,方便操作
    在这里插入图片描述
    上传完成后

    1.3通过Xhsell连接linux进入指定目录解压Nginx

    命令:tar -zxvf jdk-8u171-linux-x64.tar.gz
    在这里插入图片描述
    解压完成后的文件夹就在跟压缩包同一路径下
    我们给他重命名一下
    命令:mv nginx-1.13.7 nginx

    1.4安装依赖

    在software下执行命令:yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
    完成后进入nginx下执行以下命令
    ./configure
    make
    make install
    安装完成后的默认路径在 :/usr/local/nginx下,这才是我们操作的目录,不是/usr/local/sofeware/nginx,切记切记!
    进入/usr/local/nginx/sbin
    执行命令 ./nginx 启动nginx,至此nginx安装启动完成
    在这里插入图片描述

    2.将后端上传到linux上

    2.1 后端项目打包

    mvn install -Dmaven.test.skip=true(这是maven项目打包成jar包)
    打包好的项目在target下
    在这里插入图片描述

    2.2将打包好的项目通过xftp上传到linux上

    在usr/local/sofeware/上新建文件夹api
    把jar包上传到usr/local/sofeware/api中

    新建文件 application.properties
    命令:touch application.properties
    最后我们通过vim编辑,将改好的配置文件复制到这里面去
    在这里插入图片描述

    2.3运行java程序

    在api文件夹下执行以下命令
    nohup java -jar -Dspring.config.location=./application.properties online_xdclass-0.0.1-
    SNAPSHOT.jar &
    (意思是启动应⽤指定外部⽂件, online_xdclass-0.0.1-SNAPSHOT.jar我的jar包,你要根据自己的来)
    到这里你就可以测试一下能不能访问,记得要在服务器上打开相应的端口号
    在这里插入图片描述
    查看命令 cat nohup.out ,出现跟idea运行项目时一样的字母,说明没有问题

    3.把前端项目部署到服务器

    3.1本地vue项⽬进⾏打包

    cnpm run build
    执行完后,你的目录会多一个dist文件,这就是打包好的前端
    在这里插入图片描述

    3.2通过xftp将前端上传到linux上

    如图所示,找到dist对应的文件,上传到usr/local/software/front_end
    front_end文件夹是我新建的,用于存放前端项目

    在这里插入图片描述

    在linux上,进入usr/local/software/front_end/dist输入pwd,获取前端文件的存放地址

    在这里插入图片描述

    将这个保存好,等下要用

    4.用nginx打通前后段

    4.1进入nginx的配置文件

    注意上面说的nginx的默认安装路径usr/local/nginx
    在这里插入图片描述
    在进入conf里面用vim打开 nginx.cong在这里插入图片描述
    进入后,用方向键下滑找到图示位置,加入配置
    在这里插入图片描述

    4.2最后重新加载nginx

    在usr/local/sbin中
    执行命令 ./nginx -s reload
    就大功告成
    如果你觉得对你有用就点个赞吧!!!

    展开全文
  • 前后端分离项目部署 使用阿里云服务器,购买不再叙述 一、前端项目部署 一、使用Nginx进行代理 一、首先使用docker命令安装nginx镜像 docker pull nginx docker images 二、运行nginx镜像(配置文件进行挂载) 创建...

    Java前后端分离项目部署

    使用阿里云服务器,购买不再叙述

    一、前端项目部署

    一、使用Nginx进行代理

    一、首先使用docker命令安装nginx镜像

    docker pull nginx
    docker images
    

    二、运行nginx镜像(配置文件进行挂载)

    1. 创建挂载目录

      mkdir -p /home/mydata/mynginx/{conf,html,logs}
      
    2. 创建nginx.conf文件然后对nginx.conf进行编写,具体配置如下:

      user  root;
      worker_processes  1;
      error_log  /var/log/nginx/error.log warn;
      pid        /var/run/nginx.pid;
       
       
      events {
          worker_connections  1024;
      }
       
       
      http {
          include       /etc/nginx/mime.types;
          default_type  application/octet-stream;
          log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                            '$status $body_bytes_sent "$http_referer" '
                            '"$http_user_agent" "$http_x_forwarded_for"';
          access_log  /var/log/nginx/access.log  main;
          sendfile        on;
          keepalive_timeout  65;
       
          include /etc/nginx/conf.d/*.conf;
       
       
          server {
              listen       80;
              server_name  localhost;
       
              location / {
                  root   /usr/share/nginx/html;
                  		try_files $uri $uri/ /index.html last;  
                  index  index.html index.htm;
              }
       
              error_page   500 502 503 504  /50x.html;
              location = /50x.html {
                  root   /usr/share/nginx/html;
              }
          }
      }
      

      注意查看自己的服务器中是否已经运行过nginx,如果已经使用,请更换配置文件中listen监听端口

    3. 启动容器

      docker run  -d --name mynginx  -p 80:80 -v /home/mydata/mynginx/conf/nginx.conf:/etc/nginx/nginx.conf  -v /home/mydata/mynginx/logs:/var/log/nginx  -v /home/mydata/mynginx/html:/usr/share/nginx/html nginx
      

      -p 80:80

      • 前一个80代表服务器的端口
      • 后一个80代表nginx容器的端口,如果前面修改过listen,则写为相应的端口

    二、前端项目开始部署

    1. 将前端项目进行打包,上传到nginx的html目录下
    2. 将打包好的项目进行解压缩 (使用uzip命令)

    前端项目部署完毕

    二、后端项目部署

    一、将后端项目进行打包,上传到自己指定的目录下

    二、编写脚本文件

    vim start.sh
    

    写入内容

    nohup java -jar  自己的jar包    >>log.txt  &
    

    nohup命令后台执行脚本并指定文件输出

    这样就算断开与服务器的连接,程序依然在运行!!!!

    拓展!!!复杂例子:

    "执行文件 的命令:如下
    nohup pava -jar  自己的jar包   >>nohup.out  2>&1 &
    

    这句代码的含义:

    将后台执行文件,并将执行的正常日志和错误日志都输入到nouhp2.out中,

    java -jar  自己的jar包  >>nouhp.out   是指定标准输入的输出文件
    2>&1  是指将执行的错误日志  重定向到标准输出,因为标准输出是指向文件nouhp.out,由于重定向,所以2代表的错误日志也会输出到这个文件中(1代表标准输出、2代表错误输入)
    nohup  XXX  &   固定的后台执行的格式。
    

    前端再与后端进行交互式,注意配置nginx的反向代理!!!!

    配置格式如下:

    在server中配置

         server{
         
             location /api/ {
                        proxy_pass http://127.0.0.1:9100/;
                }
    
            location /pay/ {
                    proxy_pass http://127.0.0.1:9110/pay/;
            }
        
        }
    

    在这里插入图片描述

    将127.0.0.1换成自己的地址!!!!!!

    前后端部署完成

    注意最最最重要的是不要忘记在阿里云开放所需要的端口!!!

    展开全文
  • 推荐5个JAVA前后端分离项目

    千次阅读 2021-03-31 17:14:07
    微人事是一个基于前后端分离架构的的人力资源管理系统,项目涉及的后端技术栈有:Spring Boot、Spring Security、MyBatis、MySQL、Redis、RabbitMQ、Spring Cache、WebSocket,前端技术栈有:Vue、Element...

    前言

    前后端分离是现在主流的架构设计模式,它初衷是用单一职责原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。

    本文推荐五个前后端分离的开源项目,都是采用最流行的技术栈。

     

    01 微人事  Star:20.7k

    微人事是一个基于前后端分离架构的的人力资源管理系统,项目涉及的后端技术栈有:Spring Boot、Spring Security、MyBatis、MySQL、Redis、RabbitMQ、Spring Cache、WebSocket,前端技术栈有:Vue、ElementUI、axios、vue-router、Vuex、WebSocket、vue-cli4。

    图片

    图片

    重要的是,该项目还提供了项目部署的视频教程和常遇见问题的解决方案。

    图片

    地址:https://github.com/lenve/vhr

     

    02 个人博客   Star:1.2k

    这个前后端分离的博客项目项目适合没有 Vue 开发经验或者前后端分离开发的朋友,技术栈基于Spring Boot + Vue,带有超级详细开发文档和讲解视频。

    图片图片

    地址:https://github.com/MarkerHub/vueblog

     

    03 V部落   Star:5.9k

    功能包括:登陆页面、文章列表、发表文章、用户管理、栏目管理、数据统计。技术栈采用:Spring Boot、SpringSecurity、MyBatis、MySQL、Vue、axios、ElementUI、vue-echarts。

    图片

    图片

    图片

    图片

    地址:https://github.com/lenve/VBlog

     

    04 微信点餐系统 Star:1k

    这是一个基于微信服务号平台的点餐系统的后代,前端使用 Vue.js 技术,后端使用 Spring Boot + JPA 构建的基于微信公众号的 WebApp,前后端完全分离,前后端之间通过RESTful风格的接口相连。

    图片

    图片

    地址:https://github.com/sqmax/springboot-project

     

    05 后台管理系统   Star:4.9k

    一个界面美观基于前后端分离的后台管理系统, 技术栈包括 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue 等。

    开发文档:https://el-admin.vip

    体验地址:https://el-admin.xin  账号密码:admin / 123456

    功能强大,除了基础功能还包括:字典管理、系统日志、SQL监控、定时任务、代码生成、邮件工具、七牛云存储、支付宝支付、服务监控、运维管理。

    地址:

    图片

    图片

    图片

    地址:https://gitee.com/elunez/eladmin

     

    展开全文
  • 前端项目build的dist,部署到nginx 一、后台项目打jar包 切换配置为发布模式打包 修改pom.xml加上打包插件(如果有就不需要加) <build> <plugins> <plugin> <groupId>org.spring...

    正式环境部署

    后端服务通过JAR方式运行
    前端项目build的dist,部署到nginx

    一、后台项目打jar包

    切换配置为发布模式打包

    修改pom.xml加上打包插件(如果有就不需要加)

    <build>
      <plugins>
      <plugin>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-maven-plugin</artifactId>
      </plugin>
     </plugins>
    </build>

    以低代码平台JeecgBoot为例,首先执行下jeecg-boot-parent的install 操作

    然后 maven package 打jar包

     

     找到jeecg-boot-module-system-2.0.0.jar JAR包

     二、后台项目jeecg-boot启动

    通过命令启动项目

    Window启动命令: java -jar D:\jeecg-boot-module-system-2.0.0.jar

    Linux下后台进程启动命令: nohup java -jar jeecg-boot-module-system-2.0.0.jar >catalina.out 2>&1 &

    关掉项目: ps -ef|grep java kill 进程号

    三、前台项目build

    1、修改后台接口服务地址 .env.production

    NODE_ENV=production
    VUE_APP_API_BASE_URL=https://bootapi.jeecg.com
    VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
    VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

     2、build项目
    使用build命令打包项目

    输入图片说明

    build完成后台会生成一个dist的目录该目录下即为build后的文件。

    3、nginx部署前端项目
    拷贝dist下的代码到nginx安装目录下html目录中,即可

    四、nginx配置(conf/nginx.conf)

    nginx监听80端口

    server {
    		listen       80;
    		server_name  你的域名;
    
    		#后台服务配置,配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问		
    		location ^~ /jeecg-boot {
    			proxy_pass              http://127.0.0.1:8080/jeecg-boot/;
    			proxy_set_header        Host 127.0.0.1;
    			proxy_set_header        X-Real-IP $remote_addr;
    			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
    		}
    		#解决Router(mode: 'history')模式下,刷新路由地址不能找到页面的问题
    		location / {
    			root   html;
    			index  index.html index.htm;
    			if (!-e $request_filename) {
    				rewrite ^(.*)$ /index.html?s=$1 last;
    				break;
    			}
    		}
    	}

     五、nginx 开启压缩,提高首页访问效率

    nginx.conf 的 http 中加入以下片断

        # gzip config
        gzip on;
        gzip_min_length 1k;
        gzip_comp_level 9;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";

    参考图:

     配置后启动nginx
    通过:http://你的域名 访问项目

    其他说明:

    如果服务器只能开放一个80端口,不能开放8080端口。则可以单独配置一个java api的服务域名,通过ngnix映射此域名到8080端口,vue前端配置接口地址到新域名

    展开全文
  • 可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额
  • 项目介绍 JavaWeb_Vue_Pro 是基于 SpringBoot2+Vue+element-ui+Shiro+MybatisPlus 研发的权限(RBAC)及内容管理系统,致力于做更简洁的后台管理框架,包含系统管理、代码生成、权限管理、站点、广告、布局、字段、...
  • JAVA前后端分离项目部署笔记
  • Web开发基础,tomcat、servlet、JSP、session、cookie、el、jstl、filter、ajax、json、jdbc、c3p0、DButils等。 这是没有进行前后端分离项目(高耦合),用于了解java web开发的发展。
  • 项目是基于Springboot的实战项目项目进行了前后端分离开发,非常适合刚接触或者对SpringBoot感兴趣的朋友们学习。
  • Linux + Nginx1.14 + PHP7.1 + MySQL5.6 电商系统,为中小企业提供最佳的新零售解决方案。采用稳定的MVC框架开发,执行效率、扩展性、稳定性
  • 图书管理系统。基于Springboot+VUE的前后端分离项目。 到底什么是非常火的前后端分离?做个入门的项目吧。包括文档说明和博客说明。 前后端分离简单来说就是把一个应用的前端代码和后端代码分开写。
  • 加入这两个类完美解决 import org.springframework.boot.web.embedded.tomcat.TomcatConnectorCustomizer; import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;...
  • springboot+vue前后端分离开发项目源码
  • 前言 最近在做一个前后端分离的项目。...1.前后端分离项目没有部署在同一台服务器上,要面临跨域问题。 2.使用token 作为shiro认证标识 3.前后端分离项目中,未登录时用返回json代替重定向。 详解 1. 解
  • vue+springboot+redis+druid+rabbitmq前后端分离项目源码
  • web前后端分离开发,后端SpringMVC java开发内含spirngMVC代码以及java-json处理包 详细内容可以参考我的博客https://blog.csdn.net/weixin_38879056/article/details/90758420 以及配套的前端vue项目...
  • SpringBoot酒店管理系统(前后端分离项目)包含数据库脚本文件.zip 1、酒店管理系统后台,供管理员管理系统之用 客房类型设置✔ 客房设置✔ 操作员设置✔ 2、酒店管理系统系统供酒店所有工作人员使用前台 入住登记: ...
  • java前后端分离项目解决跨域问题 第一种方式 配置类的方式 这种方式需要基于springcloud的环境 所以最好在zuul模块中添加 并且一个项目不能多个此配置类 否则会报错 import org.springframework.context....
  • 该项目为SpringBoot+Vue的前后端分离项目的人事管理系统,重点是权限管理这一块的代码,可以看看springboot是如何实现的。关于项目代码问题可以私信联系!
  • 资源是前后端分离的SSM项目视频教程,适合给刚学完ssm框架的新手练习使用
  • Spring Boot 介绍、前后端分离、API 规范等内容旨在让读者更加熟悉 SpringBoot 及企业开发中需要注意的事项并具有使用 SpringBoot 技术进行基本功能开发的能力。最后的项目实战为课程的主要部分,会...
  • 把自己个人网站的服务器部署像流水账这样写一遍也还是很有收获的,那就是很好的找出了自己不懂地方(苦笑),那些说不清楚的地方其实就是还没有真正弄懂的地方。因为部署服务器涉及的东西太多太杂,一时半会想弄清也不...
  • 今天讲解一下,对于前后端分离项目Nginx如何配置nginx配置文件user nginx;worker_processes 1;error_log /var/log/nginx/error.log warn;pid /var/run/nginx.pid;events {worker_connections 1024;}...
  • 前后端分离的思想由来已久,不妨尝试一下,从上手开始,先把代码写出来再究细节。前言以前服务端为什么能识别用户呢?对,是session,每个session都存在服务端,浏览器每次请求都带着sessionId(就是一个字符串),...
  • JavaWeb前后端分离项目搭建教程

    千次阅读 2021-01-21 17:58:30
    项目介绍 JavaWeb_Vue_Pro 是基于 SpringBoot2+Vue+element-ui+Shiro+MybatisPlus 研发的权限(RBAC)及内容管理系统,致力于做更简洁的后台管理框架,包含系统管理、代码生成、权限管理、站点、广告、布局、字段、...
  • 在vue项目中,通常是一个SPA应用,即所有的页面都是同一个html,通常现在开发也是前后端彻底分离的,vue打包后生成的纯静态文件,甚至可以不经过服务器,所以通过后端弄跳转之类的都不太优雅,本文即介绍此类场景的微
  • java前后端分离,前端部署的方式

    万次阅读 2019-05-10 18:55:34
    目前公司在开发web应用时,普遍采取的是前后端分离的方式,将前后端的开发人员开发代码分开,后台使用java语言,前端使用node.js环境,vue语言开发,初期开发使用mock数据不依赖后台服务;一个项目评审后各自搭建...
  • 前后端分离是现在主流的架构设计模式,它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。本文推荐六个前后端分离的开源项目,都是采用最流行的技术栈。01 ...
  • Vue、Spring Boot开发小而完整的Web前后端分离项目实战 3年多...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,403
精华内容 16,961
关键字:

java前后端分离项目

java 订阅