前端页面的搭建 使用vue create XXX创建vue项目安装npm i element-ui -S目录如下所使用的资源文件如下gloable.css*{ margin: 0; padding: 0; box-sizing: border-box; } .ml-5 { margin-left: 5px; } .mr-5 { margin-r
当前,Spring毫无疑问已经成为java后台对象管理标准框架,除了通过IOC能够管理我们的自定义对象的生命周期之外还提供了众多功能繁复的可配置功能模块。但同时带来了复杂的配置项,这对初学者而言简直是一种灾难。于是SpringBoot应运而生,Springboot的出现大大简化了配置,主要表现在消除了web.xml和依赖注入配置的整合,处处遵循规约大于配置的思想,将初学者在繁杂的配置项中解放出来,
第一部分:React入门系列文章目录第一章:React从入门到进阶之初识React第一章:React从入门到进阶之JSX简介第三章:React从入门到进阶之元素渲染第四章:React从入门到进阶之JSX虚拟DOM渲染为真实DOM的原理和步骤第五章:React从入门到进阶之组件化开发及Props属性传值第六章:React从入门到进阶之state及组件的生命周期第七章:React从入门到进阶之Reac
文章目录1. 简介2. 部署2.1 源代码:2.2 开发环境准备2.3 编译3. 开发3.1 数据库表设计3.2 生成对应的前后端代码4.总结1. 简介renren-fast是一个轻量级的Spring Boot快速开发平台,能快速开发项目并交付完善的XSS防范及脚本过滤,彻底杜绝XSS攻击实现前后端分离,通过token进行数据交互2. 部署2.1 源代码:下载后端代码: https://gitee
转载 10月前
82阅读
前后端分离打包、运行(springboot+vue)一、本地打包运行在终端中运行程序前端:前提:已安装npm,编译环境为VS Code 1、跳转至Vue项目所在目录$ cd Vue项目所在的目录2、打包Vue文件,打包完成后会在当前目录下产生dist目录$ npm run build3、安装express-generator生成器$ npm install express-generator -g
# Docker Compose部署Spring Boot + Vue前后端分离项目 ## 概述 Docker是一种轻量级的容器化技术,可以帮助开发人员将应用程序打包成容器,方便进行部署和管理。Docker Compose是Docker的一个工具,用于定义和运行多个容器的应用程序。 本文将介绍如何使用Docker Compose来部署一个基于Spring Boot和Vue的前后端分离项目。我
原创 2023-09-04 05:36:48
291阅读
项目背景在主文件index.vue中初始化页面相关的操作, 在mounted中放置用户权限判断并更新store中的权限值,当点击相应组件时mounted可正常工作, 但是在用户手动刷新时mounted内的函数并未执行,导致相应组件未获取到权限而显示异常问题解决首先,这跟vue生命周期有关,图就不贴了,直接说原因。 当用户f5刷新页面时,整个页面会重新去请求,js的状态变量消失,但是el节点并未重新
转载 2024-10-14 09:13:35
109阅读
一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出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阅读
这两天折腾了一下 Jenkins 持续集成,由于公司使用自己搭建的 svn 服务器来进行代码管理,因此这里 Jenkins 是针对 svn 服务器来进行的配置,Git 配置基本一致,后面也介绍了下针对 Github 管理的项目的 Jenkins 配置之前项目每次修改之后都需要本地 npm run build 一次手动发布到服务器上方便测试和产品查看,有了Jenkins持续集成之后只要 s
转载 2024-03-23 13:02:07
44阅读
什么是WebScoket?WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。为什么使用WebScoket?因为 :HTTP 协议有一个缺陷:通信只能由客户端发起,HTTP 协议做不到服务器主动向客户端推送信息。而WebScoket可以由服务器主动发送信息给客户端。应用实例:maven依赖:<de
转载 2024-07-21 10:21:14
61阅读
前几天看[小猪课堂发布的nginx部署](https://zhuanlan.zhihu.com/p/431796992),跟着做了一遍,由于本人是第一次尝试,遇见了很多问题。经过查阅和搜索,终于解决掉了。下面给大家介绍一下我的流程和遇见的问题,我们可以多讨论。 项目打包部署1.准备工作 完整的Vue项目 一台服务器 准备工作很简单,只需要一个项目和一台服务器即可,项目甚至可以只是一个html
转载 2024-07-20 07:30:28
735阅读
spring boot介绍Spring Boot目前流行的java web应用开发框架,相比传统的spring开发,spring boot极大简化了配置,并且遵守约定优于配置的原则即使0配置也能正常运行,这在spring中是难以想象的。spring boot应用程序可以独立运行,框架内嵌web容器,使得web应用程序可以像本地程序一样启动和调试,十分的方便,这种设计方式也使得spring boot
转载 2024-04-18 13:16:34
98阅读
一、引言有了自动配置,springboot使web开发变得简单,这个在springboot之旅中的第一篇中就有体现,实际的开发中当然不会这么简单,很多时候我们都需要自己去定制一些东西。web开发的东西比较多, 我们先掌握一些必要知识点,剩下的就是CRUD开发。快速的创建一个springboot web项目在第一篇总结中有讲:二、静态资源的映射规则现在大部分公司都是前后端分离的开发模式,一般作为后台
转载 2024-03-06 00:28:28
32阅读
目录SpringBoot 集成WebSocket,实现后台向前端(h5 页面,java客户端)推送什么是WebSocket?概念:特点:通讯方式服务器端代码实现maven依赖websocket的configuration配置文件websocket 的发布实现:H5客户端实现maven依赖aplication.properties 的系统配置文件配置页面代码(重点)java客户端代码maven依赖s
SpringBoot个人博客—前端页面功能介绍(一)项目首页地址:一、前端框架Semantic UISemintic UI官网:https://semantic-ui.com/前端页面主要采用了Semantic前端开发框架对页面骨架进行快速搭建。Semantic作为一款开发框架,能够帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局更加快速设计出漂亮的网站。具体使用细节可以访问官网查看官方
转载 2024-03-13 23:05:34
65阅读
使用nginx部署前端项目(超详细教程)(所使用前端模版已经上传到个人资源,各位敬请免费领取) 所有文章不设限,我们相遇偶然,相散坦然,互不打扰,各自安好,向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释:Nginx在CentOS官方软件仓库中不可用,但它在EPEL (额外的CentOS软件包)软件仓库中可用,因此安装前需要先安装EPEL软件仓库正确安装方式1
转载 2023-11-13 20:41:54
94阅读
1. 前言1.1 Webpack是什么可能有很多的小伙伴对于这个Webpack既熟悉又陌生,有一些刚开始接触vue的小伙伴在对项目进行打包的时候经常会使用到npm run build来进行打包,但是却不了解Webpack里面复杂的配置和功能。Webpack是一种前端资源构建工具,一个静态模块打包器,在Webpack看来,前端所有资源文件都会作模块处理,它将根据模块的依赖关系进行静态分析,打包生成对
转载 2024-05-21 17:06:05
92阅读
前端部署是指将前端代码部署到服务器上,使用户可以通过浏览器访问到网站或应用。在Kubernetes(K8S)环境下,前端部署需要遵循一定的流程和步骤来完成,下面我将为你详细介绍。 ### 前端部署流程 在Kubernetes中,实现前端部署的流程如下表所示: | 步骤 | 操作 | | :----: | :---- | | 1 | 创建前端代码仓库 | | 2 | 编写Dockerfile
原创 2024-05-07 10:02:19
124阅读
因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html) 后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还是奇奇怪怪,感觉前端是个黑盒了, 于是忍不住去学习了vue感觉前端的框架带来的这种前后端分离变化还是特别明显的,后端确实不用再操心view层了,页面的转换有vue通过后端的切换不同的组件,后端基本上没
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中,前端将代码打包后,可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上,而真正前端运行需要以服务器作为依托。前端包相当于鱼,而运行前端的服务器相当于鱼缸,今天我们来聊聊前端项目部
转载 2023-12-19 11:48:37
127阅读
  • 1
  • 2
  • 3
  • 4
  • 5