小白初学,不懂的还是太多了,找了好多资料才做出来的先记录一下 1.先用Spring boot创建一个包含了增删改查的项目 2.创建vue.js项目 3.安装Element UI (1)进入项目文件夹下,输入如下指令: cnpm i element-ui -S (2)修改main.js import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'

spring boot + vue + element-ui 一.页面 1.布局 假设,我们要开发一个会员列表的页面. 首先,添加vue页面文件“src\pages\Member.vue” 参照文档http://element.eleme.io/#/zh-CN/component/table中的例子,实现一个静态的列表页面 代码如下:  Member.vue 2.修改路由 src\router\index.js文件中,添加 1 2 3 4 5 6 7 8 9 10 11 routes.push(

最近经常看到很多java程序员朋友还在使用Spring 3.x,Spring MVC(struts),JSP.jQuery等这样传统技术.其实,我并不认为这些传统技术不好,而我想表达的是,技术的新旧程度体现了做项目时的生产力.生产力低了,项目的开发成本就高.反之,生产力高,则成本低.笔者写本系列的目的是让使用“前后端不分离”的老技术的开发者做一个入门级的过度.因为目前流行的“前后端分离”技术足够简单,足够方便,足够易学,也足够完善. 项目所使用的前端技术是:element-ui,文档地址是:ht

 前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来.这两个项目在2014春季开源. 目前它已成为开源开发者.初创企业和老牌公司常用的开发工具. 看看谁在使用Electron

今天想弄弄element-ui  然后就在网上找了个例子 感觉还是可以用的  第一步是完成了  果断 拿过来  放到我这里这  下面直接是连接  点进去 就可以用啊 本想着不用vue   直接导入连接  可是还想学习一下vue   那就按照上面的弄吧 哈哈哈 1.spring boot + vue + element-ui全栈开发入门——windows开发环境 2.spring boot + vue + element-ui全栈开发入门——集成element-ui 3.spring boot +

前言 本文讲解作为后端的spring boot项目开发流程,如果您还不会配置spring boot环境,就请点击<玩转spring boot——快速开始>,如果您对spring boot还没有入门,就请点击<玩转spring boot——开篇>学习spring boot开发. 一.构建项目 使用STS构建Spring Starter项目 pom.xml中添加依赖: <!-- web --> <dependency> <groupId>org.sp

一,生产环境中的复杂参数上传的场景 1,保存排序值 : 例如:某一件商品的多张展示图片排序,提交的排序值要和图片的id相对应 2,上传多张图片,图片要和指定的变量相对应 例如:在添加商品sku时, 需要为指定有图片的属性上传图片, 让用户看上去更直观 这里演示了这两种常见的参数上传, 电商系统中的sku的添加是很关键的一个功能模块, 必须让后台的操作人员能直观的看到自己的操作结果, 这里有一些js代码可以供大家参考 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnb

 前言 常用的部署方式有两种: 1.是把生成好的静态页面放到spring boot的static目录下,与打包后的spring boot项目一起发布,当spring boot运行起来后,自然而然就能访问到静态页面文件了. 这种方法比较简单,适用于非常小型的系统.优点是:不需要复杂的配置.而缺点也很明显:需要两者一同发布.我在这里就不做赘述了. 2.是通过http服务器发布,本文以nginx为例,重点介绍这种方式. 一.生成静态页面 运行npm run build 生成的页面文件在dist目录下:

一.配置 思路是通过node的跨域配置来调用spring boot的rest api. 修改config\index.js文件,设置跨域配置proxyTable: proxyTable: { '/api': { target: 'http://localhost:18080/', changeOrigin: true, pathRewrite: { '^/api': '/' } } } 完整的config\index.js代码如下: 'use strict' // Template versio

鸿鹄云架构一系统管理平台 鸿鹄云架构[系统管理平台]使用J2EE技术来实施,是一个大型分布式的面向服务的JavaEE体系快速研发平台,基于模块化.服务化.原子化.热部署的设计思想,使用成熟领先的无商业限制的主流开源框架(Spring Cloud + Spring Boot + Mybatis + Oauth2 + Spring Security)构建. 采用服务化的组件开发模式,可实现复杂的业务功能.提供驱动式开发模式,整合内置的代码生成器,将JavaEE开发效率提高5倍以上,减少50%的代码开

 一.页面 1.布局 假设,我们要开发一个会员列表的页面. 首先,添加vue页面文件“src\pages\Member.vue” 参照文档http://element.eleme.io/#/zh-CN/component/table中的例子,实现一个静态的列表页面 代码如下: <template> <section> <!--工具条--> <el-col :span="24" class="toolbar" style=&q

 需求 1.点击“添加”按钮,弹出录入数据的对话框窗口,并录入数据,如果数据有误则不允许提交.数据填写完毕后,点击“保存”按钮,调用http协议提交数据,提交完毕刷新页面数据.点击“取消”按钮关闭对话框. 2.点击列表中的“修改”按钮,弹出数据修改对话框窗口,功能同上. 3.点击列表中的“删除”按钮,弹出删除数据的询问窗口,功能以此类推. 一.添加 在“src\mock\member.js”中,增加模拟保存数据的方法: adapters.push( (mockAdapter) => mockAd

 一.IDE开发工具 常用的开发工具有webstorm和sublime. 我个人喜好用Atom+插件的形式 打开Atom,在file --> settings --> packages中收入vue开发相关的插件 beautify:代码格式 atom-html-preview:html代码提示 language-vue.language-vue-component:vue语言 lint-sass-vue:vue的sass语言 vue-autocomplete:vue语法提示 文件结构如下: 二.

目的 开发一个后台管理的前端,顶部是标题,左侧是菜单导航栏,中间是要显示的内容.而内容可以是各种图表,也可以是数据列表. 一.准备工作 1..修改App.vue文件 代码如下: <template> <div id="app"> <transition name="fade" mode="out-in"> <router-view></router-view> </transiti

 一.node.js开发环境 windows系统,去网站https://nodejs.org/en/download/,下载对应的安装程序,并安装Windows Installer (.msi) 接下来,开始配置环境变量. 1.配置“NODE_HOME”为:“D:\Program Files (x86)\nodejs” 我这里,node.js安装在“D:\Program Files (x86)\nodejs”目录下,这根据你的具体安装路径而设置. 2.配置“NODE_PATH”为: %NODE_

1. What is Spring Boot Admin? Spring Boot Admin is a simple application to manage and monitor your Spring Boot Applications. The applications register with our Spring Boot Admin Client (via http) or are discovered using Spring Cloud (e.g. Eureka). Th

You are here to learn about Spring Boot Actuator for collecting metrics about your production grade applications. Spring Boot Actuator is sub-project of Spring Boot and it is one of the nice feature that adds great value to the Spring Boot applicatio

使用Spring Boot 本节将详细介绍如何使用Spring Boot.它涵盖了诸如构建系统,自动配置以及如何运行应用程序之类的主题.我们还将介绍一些Spring Boot最佳实践.尽管Spring Boot并没有什么特别的地方(它只是另一个可以使用的库),但是有一些建议可以使您的开发过程更轻松一些. 如果您是从Spring Boot开始的,那么在进入本节之前,您可能应该阅读入门指南. 3.1 构建系统 强烈建议您选择一个支持依赖关系管理并且可以使用发布到“Maven Central”存储库的

Spring Boot 在接收上传文件时,文件过大时,或者请求过大,spring内部处理都会抛出异常,并且捕获不到. 虽然可以通过调节配置,增大 请求的限制值. 但是还是不太方便. 之所以捕获不到异常,是因为,异常还没有Controller,就异常抛出了. 是在Spring从Request中读取文件数据时,进行校验,抛出的. 解决方法: 配置 spring.http.multipart.resolve-lazily=true 这是个文件上传相关的配置,是让spring 对于文件进行懒加载. 让S

结合此篇参考Spring框架学习笔记(9)--API接口设计相关知识及具体编码实现 在使用Spring Boot进行接收参数的时候,发现了许多问题,之前一直都很忙,最近才稍微有空研究一下此问题. 网上的大多数文章,只讲Spring Boot如何实现接受参数,却不讲如何在客户端调用,本篇使用Jsoup.okhttp3和postwoman测试工具进行截图,讲解如何在服务器实现接口,同时在客户端如何发起请求并传参 四种请求方式介绍 可能刚入门Web开发的大家会有疑惑?不是只有get和post这两种?