一、通过vue脚手架建立vue项目 建立空项目文件夹 以管理员身份运行cmd 通过cd命令定位到你建立的空文件夹 通过vue create 项目名 建立项目 feature -》下图 -》选vue2.x -》Y -》in package.json -》N 运行:npm run serve 若下载较慢可以设置淘宝的镜像加速 npm config set registry https://registry.npm....
在App.vue中加入一段element-ui的代码,查看是否生效: 浏览器显示如下,说明生效: 2.3 集成axios (1)安装axios 执行npm install axios --save命令(–save:在package.json添加依赖 不加的话,只是去下载插件,项目中并没有依赖插件) (2)以vue属性的方式使用axios 修改main.js import axios from 'axios' Vue.protot...
然后执行命令vue init webpack wj-vue,这里 webpack 是以 webpack 为模板指生成项目,还可以替换为 pwa、simple 等参数,这里不再赘述。 wj-vue 是我们的项目名称(White Jotter),大家也可以起别的名字。 在程序执行的过程中会有一些提示,可以按照默认的设定一路回车下去,也可以按需修改,比如下图问我项目名称是...
1.进入到项目路径下,npm run build命令打包,打包后生成dist文件夹 2.dist文件传到服务器上,dist/static/路径下 vi config.js修改地址为服务器ip(先打包,可在服务器上修改) 三、后端打包 1. 打包springboot项目,依次clean、compile、package,打包完成后会生成target/demo-0.0.1-SNAPSHOT.jar文件 2. jar包传到服...
一、创建后台项目 1.在文件夹创建一个空文件夹,在idea中打开它 2.可以先修改一下file-->settings-->Maven里面的一下东西,改成自己的maven地址(以免后面pom.xml文件有问题) 3.在sb_vue_mo中右键-->new-->Module,选择Spring Initializer之后自行修改 ...
关于如何使用idea创建一个springboot项目可以参考:SpringBoot入门:使用IDEA和Eclipse构建第一个SpringBoot项目。 如何创建一个vue前端项目可以参考:Vue学习笔记(一):从零开始创建一个Vue前端项目。 一、后端Springboot项目开发: 这里先准备下数据,创建一个user表,并插入数据,sql如下: ...
我们将建设两个项目: springboot-backend- 开发和公开 REST API vue-frontend- 使用 REST API 1. 开发Spring boot应用程序-后端 让我们首先创建一个 Spring boot 应用程序并构建一个简单的 REST API。 1. 创建 Spring Boot 应用程序 创建Spring Boot 应用程序的方法有很多种。您可以参考以下文章来创建Spring Boot...
输入”vue create 项目名“创建项目 创建成功 按照提示可通过控制台启动项目 11:41 通过idea打开项目 点击”Add Configuration“→”+“→”npm“ 在”Scripts“输入”serve“添加启动项 找到”package.json“文件,在”serve“标签后添加”--open“实现启动项目后自动打开界面 ...
前端vue:运行在tomcat中; 后端部署(jar包) Java项目一般有两种部署方式(据我所知),一种是jar,一种是war包。 jar包直接用java -jar 的命令直接运行就可以了,应为它本身自带了tomcat。war就要放到tomcat中才能运行(以前做的jsp的项目就是这样的) springboot的Java项目是最容易部署的,因为它直接打包是jar包。
vue+Element UI 接下来就开整,从后端开始,从建项目开始 首先创建一个SpringBoot项目 1.打开IDEA,点击 File>New>Project... 开始创建一个新项目。 image.png 2.在左侧菜单找到并点击 Spring Initializr,点击Next。 image.png 1注意,这里idea默认使用https://start.spring.io提供的在线模板,所以需要保证网络畅通。