提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前后端分离介绍一、服务器购买和配置1.1 腾讯服务器购买1.2 服务器实例控制台及相关配置二、Xshell的安装与使用2.1 下载XShell2.2 Xshell的使用三、Xftp的安装与使用3.1 下载Xftp四、项目部署前的准备4.1 使用Xshell获取登录宝塔页面的信息4.2 打包本地后端项目4.3 服务器中部署后端
转载
2024-09-22 10:33:09
47阅读
前几天看[小猪课堂发布的nginx部署](https://zhuanlan.zhihu.com/p/431796992),跟着做了一遍,由于本人是第一次尝试,遇见了很多问题。经过查阅和搜索,终于解决掉了。下面给大家介绍一下我的流程和遇见的问题,我们可以多讨论。
项目打包部署1.准备工作 完整的Vue项目 一台服务器 准备工作很简单,只需要一个项目和一台服务器即可,项目甚至可以只是一个html
转载
2024-07-20 07:30:28
735阅读
前端项目:smart-admin-web后台项目:bootAdmin一、用到的技术 1、前端 Vue + Vue-Router + Vuex + ViewUI + vue-enum +AxiosView UI 即为原先的 iView,从 2019 年 10 月起正式更名为 View UI,官网地址:https://www.iviewui.com/不过也可以使用VUE+elementUI 官网地址:
转载
2024-03-19 17:06:50
25阅读
这篇文章是对今天下午做SDA实习三的复盘。1. 首先是不清楚前端如何向后端传递字符串前端中的form形式:Form: {
domains: [{
value: ''
}],
topic:'',
content:'',
}与之前相同,在后端同样建立一个Form类,但与之前不同的是domains是List形
转载
2024-06-04 11:27:55
118阅读
本章概要整合Thymeleaf整合FreeMarker在目前的企业级应用开发中,前后端分离是趋势,但是视图层技术还占有一席之地。Spring Boot 对视图层技术提供了很好的支持,福安防推荐使用的模板引擎是Thymeleaf,不过想FreeMarker也支持,JSP技术在这里并不推荐使用。3.1 整合ThymeleafThymeleaf是新一代Java模板引擎,类似于Velocity、FreeM
转载
2024-04-08 09:23:44
74阅读
开发工具:idea,就先这样吧一、SpringBoot 打包与部署 1、打包 //命令打包(-Dmaven.test.skip=true 跳过测试)mvn clean package -Dmaven.test.skip=true//idea不知道在哪输入命令?下边有张图搞定之后如图,绿色反正比红色好看看向你目录的target,对对对,就是它了 至于怎么把j
转载
2024-04-19 12:30:18
71阅读
手把手教如何将个人项目部署到云服务器(超详细!!) 步骤目录(如云环境已搭建好可直接从第三节看起)手把手教如何将个人项目部署到云服务器(超详细!!)前言一、云服务器设置1.1 首先去购买一个云服务器,阿里或腾讯,具体步骤就不讲了1.2 拿到服务器后先修改密码1.3 修改服务器安全组策略1.4 远程连接云服务器二、远程服务器环境配置2.1 安装jdk(1) 将Linux系统下自带JDK(如果原先安装
转载
2024-03-17 11:32:19
1122阅读
前端vue部署到阿里云首先需要有一台属于自己的阿里云服务器,新用户可以免费体验一个月,不满24岁的学生购买就很优惠,一般用户购买也可以赶阿里的活动购买,活动链接: - 有了服务器后需要安装jdk(使用宝塔面板一键安装) - 安装tomcat(使用宝塔面板一键安装) - 安全组开放端口,3306,8080,项目需要的端口,这些端口都需要手动开启 下边开始vue云端部署修改vue文件 -修改confi
前后端分离打包、运行(springboot+vue)一、本地打包运行在终端中运行程序前端:前提:已安装npm,编译环境为VS Code 1、跳转至Vue项目所在目录$ cd Vue项目所在的目录2、打包Vue文件,打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g
转载
2024-01-01 19:32:08
194阅读
方法一、技术实现:fileSaver.js+html-docx-js1.npm安装$ npm install --save html-docx-js
$ npm install --save file-saver2.引入import htmlDocx from 'html-docx-js/dist/html-docx';
import saveAs from 'file-saver';3.导出wo
文章目录前言一、前端准备1. 基础界面2. 导入JS文件二、后端准备1. 创建实体类2. Controller层3. Service层①. UserService接口②. UserServiceImpl实现类4. Mapper层①. UserMapper接口②. UserMapper.xml文件三、前后端整合四、运行结果总结 前言既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去
转载
2024-03-19 23:59:02
125阅读
一、用户角色权限管理模块设计“用户-角色-权限”管理是 “访问控制” 的一种实现方式RBACShiro框架,安全框架1、用户密码加密加盐hash加盐加密与验证的逻辑:用户注册时,输入用户名密码(明文),向后台发送请求后台将密码加上随机生成的盐并 hash,再将 hash 后的值作为密码存入数据库,盐也作为单独的字段存起来用户登录时,输入用户名密码(明文),向后台发送请求后台根据
转载
2024-04-07 10:54:30
7阅读
现代前端框架大行其道,讲前端思想从操作dom的阶段,升级到操作数据的阶段。vue作为三大前端框架之一,其中平缓的学习曲线,让好多前端新手非常喜欢,应用也越来越广泛。虽然其他两个框架有facebook,和google撑腰,但是vue已然是不可小觑的对手了。无论你去做前端面试还是公司新项目技术选型,vue一定不会跑出你们的备选名单。下面简单讲讲做vue开发第一部,安装!安装nodejsvue依托nod
转载
2023-10-08 09:18:57
80阅读
概述我们在编写前后分离项目时,前端的项目一般需要静态资源(Image、CSS、JavaScript…)来进行渲染界面,而如果我们对外采用依赖的方式提供使用时,我们的静态资源文件也应该放入打包文件内,这样才能更便捷的提供我们的功能,在我的开源分布式日志框架 minbox-logging 内提供了管理界面的功能,就是采用的这种方式实现,将静态资源以及编译后的HTML页面存放到minbox-loggin
转载
2024-09-27 18:12:46
212阅读
什么是websocket这里就不进行介绍了,有兴趣的可以自己百度,或许后面我也会发文章介绍。主要演示一下代码的实现,红色标注部分 需要格外注意1、 引入依赖websocket<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-star
转载
2024-02-16 10:18:36
115阅读
SpringBoot+Vue项目实战一:vue开发(前端)(一)创建1、安装node.js2、安装镜像3、安装Vue4、安装全局vue-cli脚手架5、检查Vue是否安装成功6、创建一个基于 webpack 模板的新项目(可略)7、启动项目并访问(二)开发1、先择file,点击open导入我们的项目2、引入vue插件3、新建两个vue文件4、在index.js中,再去建立路由的相关内容5、启动项
转载
2024-06-18 10:08:51
1656阅读
点赞
前言今天,小编在公司部署项目,要求前后端部署在一起,前端开发完后将前端代码打包后放到springboot的static目录下;然后打成镜像,k8s部署;技术栈前端 vue 2.6.11后端 spring boot 2.3.12.RELEASEjenkins构建docker 打包镜像k8s部署步骤前端项目执行npm run build命令,文件会打包到dist文件夹下;后端项目 在项目的resour
转载
2023-10-27 06:47:10
505阅读
1.1 vue.js的快速入门使用vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的。另外几个常见的工具库:react.js /angular.js官方网站:中文:https://cn.vuejs.org/英文:https://vuejs.org/官方文档:https://cn.vuejs.org/v2/guide/1.2 vue.js库的基本使用基本形式:基本使用
转载
2023-12-14 09:59:56
42阅读
一、企业项目开发流程
产品提需求
交互设计出原型设计
视觉设计出UI设计图
前端开发出页面模板
server端存取数据库
验收测试
二、为什么要使用vue: https://cn.vuejs.org/v2/guide/comparison.html
5个前端,4个会vue,1个会react,那么你该如何选择
客户要求使用vue
...
三、如何选择脚手架
自己搭建脚手架 webpack
使用现成的
转载
2024-08-28 16:24:42
65阅读
使用Vue从头搭建前后端分离的应用一、搭建基础环境1.1 安装node.js环境1.2 初始化vue前端项目二、vue项目基本配置介绍2.1 项目的基本结构三、跨域问题解决方案3.1 方案一:后端设置为允许跨域3.2 方案二:前端设置的域名和后端保持一致3.2 方案二:前端设置代理来访问后端四、其他问题 简介:前后端分离一直是前端、后端同学所期望的方式,当然如果你所在的团队中分工比较明确的话,毕
转载
2024-07-22 10:26:02
28阅读