整合SpringBoot+Vue实现登录和一个简单的CRUD例子!
原创 2021-07-07 14:16:06
1576阅读
1评论
一、安装node环境  1、下载地址为:https://nodejs.org/en/  2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功    3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/  输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜
转载 2024-05-02 22:49:16
34阅读
企业级项目目录api接口模块:发送ajax请求的接口模块utils工具模块:自己封装的一些工具方法模块Vant 组件库第三方组件库:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/引入组件方式一. 自动按需引入组件 (推荐)babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式#
转载 2024-07-23 18:52:40
101阅读
新手小白Vue项目初上手1 Vue CLI图形用户界面(GUI)2 使用Vue CLI构建项目3 运行Vue项目4 修改Vue项目4.1 main.js4.2 App.vue4.3 router\index.js5 发布Vue项目 1 Vue CLI图形用户界面(GUI)Vue CLI引入了图形用户界面(GUI)来创建和管理项目,功能强大,给初学者提供了很多便利,可以快速搭建一个Vue项目。 打
创建项目前端项目准备(使用vue脚手架创建)项目准备删除不要的组件删除views文件夹删除compoents组件下的所有文件修改APP.vue<template> <div id="app"> <!-- 路由占位符 --> <router-view></router-view> </div&...
原创 2022-10-11 16:39:19
66阅读
大家好,在网上看到过很多vue源码的解析,大多是copy和摘抄的,少有自己的理解,所以下决心花时间整理一遍自己对vue源码的理解。我只是一个普普通通的码农,如果本文有写的不对之处,希望各路大神指正,谢谢!vue版本:2.5.17首先,本人采取的是最简单的debugger调试方法,按照步骤与逻辑分层次解析vue源码,我认为这是最快、最简单、也是最有效的方法。本文使用的vue调试代码如下:<di
因为最近vue火热,所以自己也自学了一下vue,看了下官网的api,也看了网上的教程,自己结合所学的,写了个demo,以下是我学习时遇到的问题,和demo中涉及的知识点。1.这个demo用的是官网的配置方法,基于node,webpack,vue-cli的脚手架。具体步骤大家可以去官网教程查看,写的很详细。2.下面是这个demo的显示效果和目录环境 这个demo中涉及的都是基础的知识点,希
转载 2024-02-21 23:27:29
154阅读
一、安装Node环境具体请参考:http://www.dinganan.cn/nodej安装和配置/二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli 2、进入你的项目目录,创建一个基于 webpack 模板的新项目: vue init webpack 项目名 说明: Vue build ==> 打包方式
转载 2024-02-18 07:58:52
164阅读
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
前后端分离的开发模式,这两年确实被炒得如火如荼,导致这个话题也成了面试极其爱问的一个问题,尤其是换工作、跳槽,之前不管你是做后端,还是前端,都可能会涉及。面试官常问:诶?你对前后端分离有什么理解啊?你觉得一个项目应该如何实施前后端分离呢?很明显,这是一个开放性问题,但是却能考察出选手们技术关注点的层级。其实在回答这个问题时,尤其程序员,一谈到这个问题,上来就一头扎进了某项具体的技术中去了,比如什么
基于vue2.0生成项目,一段时间都在找如何配置成多个页面的。网上有这样的例子相对也是比较详细的,但是还是有些许不一样的地方的。所以,我还是记录下来,当然我也是参考了网上的资料的。当然先来个vue项目,打开命令行工具,对边进入一个目录下。vue init webpack my-project注意,node和npm的版本,npm版本最好是3.0+的。其中my-project是自定义的项目名,按
1. 使用vue/cli创建项目(安装vue/cli)vue create my-project创建过程步骤如下:Manuually select features选择 Babel(es6语法编译器) Router(路由模块) Vuex(全局状态管理) Linter / Formatter(语法格式规范校验 ESLint + Standard) Css Pre-processo
转载 2024-11-01 10:42:48
74阅读
前言:为了回顾学习的vue内容,将视频中一个大的项目里的购物车这一块单独拎出来写了个小demo。说难也不难,就是对所学的vue知识进行了个整合,实现了三个界面间的操作以及状态管理,但是说简单也不简单,虽然有点基础但写下来还是有些吃力。总的来说,这个小demo写完,对于vue算是能够独立上手了,也养成了看官方文档进行系统性的学习的习惯。本篇仅单独详细写vuex的使用。源代码于git上取:我的git
前言:2gitee源码:https://gitee.com/web-paul/springboot-vue第一部分:vue前端目录:一、assets目录: 引用了一个全局css样式,最后在main.js引入即可 main.js中:import '@/assets/css/global.css'二、components目录:Aside代表侧边栏组件:el-menu这个标签记住了 1处代表设置默认高亮
转载 2024-05-14 15:32:08
235阅读
前后端怎样分离前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….),然后分别独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可,真正实现了前后端应用的解耦合,极大地提升了开发效率。前端应用:负责数
一、为什么需要前后端分离1.1什么是前后端分离  前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离项目。怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互;后端则着重关注业务逻辑的处理,直接操控数据库。1.2前后端未分离前(1)jsp + serv
转载 2024-08-14 12:12:34
56阅读
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构,需要先安装vue,可以通过npm来安装,因此首先需要安装node,步骤如下(1)进入 node官网,下载最新版本,安装完毕后,执行node --version、npm --version 查看是否安装成功。(2)node安装完成后,即可通过npm来安装vue,可先执行(npm install -
转载 2024-06-29 22:35:54
550阅读
前言今天学习swagger,它是一款让你更好的书写API文档的框架。配置Swagger服务1、利用NuGet包添加程序集应用,引用Nuget包右键项目中的 依赖 -- > 管理 Nuget程序包 --> 浏览 --> 搜索 "Swashbuckle.AspNetCore" --> 右边就会出现安装的按钮,安装即可然后就在项目的依赖项-包里看到刚刚引入的Swagger包2、配
转载 2024-04-28 10:13:35
105阅读
vue+node(使用express框架)前后端分离项目搭建搭建说明第一次搭建前后端分离项目,特此记录,以备日后查阅。前端:使用vue可视化面板搭建后端:node+express,使用express-generator脚手架搭建前端部分1、安装node2、安装vue-cli脚手架4、查看安装的版本号5、开启vue可视化面板(版本在3.0以上)6、创建项目6.1 点击创建6.2 配置文件名、包管理
工作流程前后端分离,各自开发。这里前后端分离是这样的:前端用Vue开发静态页面,路由通过Vue-Router进行,后端用Node仅用于编写API给前端调用获取数据。前端开发时通过Vue-Cli中提供的proxyTable进行代理,由此可跨域调用Node编写的API。前后端各自开发完成,测试无误后,前端通过webpack打包压缩,后端拉取前端打包压缩好的文件即部署完成。技术栈vue-clivue-r
  • 1
  • 2
  • 3
  • 4
  • 5