精华内容
下载资源
问答
  • 来源:https://github.com/zhangdaiscott/jeecg-boot今天,要和大家分享一个 Java 项目快速开发脚手架,全新架构前后端分离:...这个项目就叫做——JeecgBoot,近日在Github上很火:什么是JeecgBoot?JeecgBoot ...

    48e1866e42ed5ec1003b7ed9dadd3852.png

    来源:https://github.com/zhangdaiscott/jeecg-boot

    今天,要和大家分享一个 Java 项目快速开发脚手架,全新架构前后端分离:SpringBoot 2.x,Ant Design&Vue&,Mybatis,Shiro,JWT。这个项目就叫做——JeecgBoot,近日在Github上很火:

    4237154d168ed1c83f428fbcc6ec8fd3.png

    什么是JeecgBoot?

    JeecgBoot 是一款基于代码生成器的J2EE快速开发平台,解决Java项目70%的重复工作,让开发更多关注业务逻辑。既能快速提高开发效率,帮助公司节省成本,同时又不失灵活性。JeecgBoot还独创在线开发模式(No代码概念):在线表单配置(表单设计器)、移动配置能力、工作流配置(在线设计流程)、报表配置能力、在线图表配置、插件能力(可插拔)等等。

    JEECG宗旨是:简单功能由Online Coding配置实现(在线配置表单、在线配置报表、在线图表设计、在线设计流程、在线设计表单),复杂功能由代码生成器生成进行手工Merge,既保证了智能又兼顾了灵活; 业务流程采用工作流来实现、扩展出任务接口,供开发编写业务逻辑。

    适用项目

    Jeecg-Boot快速开发平台,可以应用在任何J2EE项目的开发中,尤其适合企业信息管理系统(MIS)、内部办公系统(OA)、企业资源计划系统(ERP)、客户关系管理系统(CRM)等,其半智能手工Merge的开发方式,可以显著提高开发效率70%以上,极大降低开发成本。

    技术架构

    开发环境

    • 语言:Java 8
    • IDE(JAVA):IDEA / Eclipse安装lombok插件
    • IDE(前端):WebStorm 或者 IDEA
    • 依赖管理:Maven
    • 数据库:MySQL5.7+ & Oracle 11g & Sqlserver2017
    • 缓存:Redis

    后端

    • 基础框架:Spring Boot 2.1.3.RELEASE
    • 持久层框架:Mybatis-plus_3.1.2
    • 安全框架:Apache Shiro 1.4.0,Jwt_3.7.0
    • 数据库连接池:阿里巴巴Druid 1.1.10
    • 缓存框架:redis
    • 日志打印:logback
    • 其他:fastjson,poi,Swagger-ui,quartz, lombok(简化代码)等。

    前端

    • Vue 2.6.10,Vuex,Vue Router
    • Axios
    • ant-design-vue
    • webpack,yarn
    • vue-cropper - 头像裁剪组件
    • @antv/g2 - Alipay AntV 数据可视化图表
    • Viser-vue - antv/g2 封装实现
    • eslint,@vue/cli 3.2.1
    • vue-print-nb - 打印

    在线试用

    登录页面:

    6ae25216448edb0f28ad535e4fa517f4.png

    项目展示:

    71f3daf1a19b903e487bdb81361dd655.png

    45f188133d9ff5c76c30ea7920ed950c.png

    Jeecg-Boot已经在Github上标星12.3K,Fork累计4.7K(详情:https://github.com/zhangdaiscott/jeecg-boot)

    5df6c2a9c5fc946c1f4cb7d3360565a4.png

    最后附上相关地址:

    在线演示 : http://boot.jeecg.com

    技术官网: http://www.jeecg.com

    开发文档: http://doc.jeecg.com

    视频教程 :http://www.jeecg.com/doc/video

    往期推荐Amazon 开源流程图制作工具库 Diagram Maker阿里开源新一代单元测试 Mock 工具!是不是很讨厌写文档?这4个工具让你事半功倍

    大家好,我是TJ

    一个励志推荐10000款开源项目与工具的程序猿

    a87ba4a3123831a2731b226a53db5e0b.png

    欢迎关注我,了解更多牛x东东

    展开全文
  • 什么是地平线? Horizo​​n用于构建复杂的实时应用程序的开源开发人员平台。 它提供了一个完整的后端,可大大简化构建,部署,管理和扩展引人入胜JavaScript Web和移动应用程序的过程。 Horizo​​n可扩展的,...
  • 一般来说,脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具. 举个例子 你要写一个项目0,源语言为ES6,用了sass, 后端是node.你每次完成一部分功能,你都要用把ES6编译到ES5、编译sass、压缩html文件....

    一般来说,脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具.

    举个例子
    你要写一个项目0,源语言为ES6,用了sass, 后端是node.你每次完成一部分功能,你都要用把ES6编译到ES5、编译sass、压缩html文件.
    每次修改代码都要做的编译ES6、sass、压缩html这些就是重复性工作.

    后来你知道了gulp, 然后你写了个gulp脚本,每次有代码改动,一句gulp build就帮你完成了上面说的这些重复性工作. 你写的gulp脚本就是为减少重复性工作而做的工作.

    你写完这个项目0之后,你又要写项目1,还是ES6、sass、后端node,还要完成之前的那些重复性工作. 这个时候你又为了这个项目写了一个类似gulp脚本.

    后来你又写了项目2、项目3···,你每次都用相同的技术栈,每次的gulp脚本都大同小异,这时候你发现,写这么多gulp脚本也成了重复性工作. 这就是为减少重复性工作而做的重复性工作.

    而脚手架就可以帮你减少这些为减少重复性工作而做的重复性工作. 脚手架一个命令,目录结构、gulp脚本、babel配置、空的测试文件都帮你搞好了. 直接写核心业务代码,不做重复性工作,这就是脚手架的作用.

    当然一般不同的技术技术栈会有自己的目录结构、工作流程,所以很多前端框架比如vue、angular、 ember会有自己的脚手架工具(一般就叫XXX-cli). yeoman也可以根据不同的生成器(generator)成为不同项目的脚手架工具.

    转自知乎:https://www.zhihu.com/question/47731497/answer/107667684

    展开全文
  • 1、项目介绍:前段vue 采用脚手架进行开发(本人后端不太懂vue的原理什么路由什么的),后端java springmvc mybatis 采用跨域模式,所以前段axios请求方式都“http://ip:端口号/项目名/接口“ 的形式进行交互。...

    1、项目介绍:前段vue 采用脚手架进行开发(本人后端不太懂vue的原理什么路由什么的),后端java springmvc mybatis 采用跨域模式,所以前段axios请求方式都是“http://ip:端口号/项目名/接口“ 的形式进行交互。其中存在的问题暂时没发现,必定有弊端之处,还请前辈多指点。

    2、环境和配置这些不细说,简单贴出一些配置信息

    一些spring mvc 的配置 以及数据源的配置    与springmvc mybatis 项目一样,没什么区别,视图层配置这边不需要了  应为所使用的restfull 风格。

    上图 为视图层配置(不需要

    以及注入方式均使用注解(这不做多解释了)

    3、开发初期会遇到的问题:

        1.跨域问题:spring4.0以上有个注解(我记得是4以上 具体请到官方查看)在controller层类上添加

        “@CrossOrigin(origins = "*", maxAge = 3600)“注解就可以了,  origins=“*”,接受所有请求。

    之前刚刚开发的时候发现vue访问不到后端 最后采用这种方式了,弊端请大佬指点。具体看图:


    如果是全用json的方式返回信息的话  其实@Controller 可以换@RestController 这样的话 方法上就不用添加@ResponseBody注解了。

    在方法上的话不用多说了:


    开发的时候最好是加上请求方式(在@RequestMapping(value = "路径【可以是  /路劲  也可以不用/】" , method = RequestMethod.GET  或其他))。

    这边有session  刚好这边也说明下,

    在跨域请求中会遇到一个比较大的问题  就是session id 的问题,开发过程中发现前段请求后的session id 是不一致的解决方法我这边是在前段解决的,在ajax请求或(axios请求)中设置一个参数

     xhrFields: {
    withCredentials: true
    }
    记得是可以全局设置的
    具体设置可参考ajax(axios)请求参数设置,度娘很多,感谢度娘,感谢csdn ,感谢谷歌,感谢发帖的前辈们!奋斗
    这些大点解决后就是其他的一些问题了  不做阐述了

    结果:


    上面红全就是请求后端的方式地址


    以及接口放回的信息

    以上便是vue 与java 开发项目的实例了  ,有很多不足之处,楼主培训出生,目前就在一家小公司上班,加班很厉害,加上开发部门就前段后后端各一个人。发现没有人可以一起讨论,只有在百度上一点一点的吸取前人的经验了,帮助很大。有其他疑惑我能解决的话 我会尽量回复。谢谢大家支持。

    项目已经上线了  但是我真的没啥脸拿出来。这个是我第一个项目。但是也就只能这样了,我不甘止步于此,但是我也不知道我今后要怎么发展。我可以有自己的思路,但是一个人的后端,对于现在低水平的我 还是太困难了。

    展开全文
  • 用 vue-cli3 脚手架创建的项目,目录非常简洁的 2.文件介绍 1.package.json和package-lock.json 这两个文件都管理前端依赖的,类似 java 后端的 maven 管理jar包 为什么会有两个呢? 因为 js 的包的版本...

    前面我们创建了一个 vuedemo 项目,其中也有很多东西跟 Java 中的文件类似

    1.目录总览

    在这里插入图片描述
    用 vue-cli3 脚手架创建的项目,目录是非常简洁的

    2.文件介绍

    • 1.package.jsonpackage-lock.json
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述

    这两个文件都是管理前端依赖的,类似 java 后端的 maven 管理jar包
    为什么会有两个呢?
    是因为 js 的包的版本依赖不太严格,如果只有package.json,在同一个大版本,不同时间或者不同 npm 下载源(类似maven的镜像地址),下载的 js jar 包可能不同,会导致兼容问题。这时候就引入package-lock.json,就是锁定 js 依赖的内容,使所有库包每次一样。
    package-lock.json中选择一个依赖,比如:cli-service 在 package-lock.json搜索能看到详细信息,可以看上面的图

    • 2.public文件介绍
    • 在这里插入图片描述
      一共两个,favicon.ico是打开网页标题上的图标,这个就不细说了
      index.html是整个 vue 项目的起始页,所有的内容,都是在此页面渲染的,它长这样:
      在这里插入图片描述
      这就是一个普通的html,请先记住有一个 id 是 app 的 div
    • 3.src
      这个就是写前端代码的地方,也是我们开发用的最多的地方
      在这里插入图片描述
      main.js
      在这里插入图片描述
      可以把它看成是后端 Java 中的 main 函数,所有 vue 项目的启动就是在这个文件开始的
      比较醒目的是d 选择器 #app,与在 index.html介绍的、也是唯一的div是同一个,就是把相应的内容渲染到 index.html中,把什么渲染进去呢,就是 App.vue组件
      在这里插入图片描述
      首先要引入 App 的组件,它与main.js在同级目录下,App 组件的内容是什么呢?
      App.vue
      在这里插入图片描述
      每个 .vue文件都可以看做是一个组件,组件有三个部分<template><script><style>,script 标签内是我们的 js 代码,style 是样式,这两个都很好理解,template 是实际的 html 标签的内容
      在这里插入图片描述
      这段原理是,实际是main.js中把 App 组件绑定到 index.html 中的id 为 app 的div下,就是把这部分放置到 index.html 中
    <div id="app">
        <img alt="Vue logo" src="./assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js App"/>
    </div>
    

    App 组件又引入 HelloWorld组件,需要把 HelloWorld 中 template 的内容组合一起后加入到 index.html 的 div下,再看下 HelloWorld组件
    HelloWorld.vue
    Ctrl + 鼠标左键,HelloWorld 标签,跳转到 HelloWorld 组件中
    在这里插入图片描述
    HelloWorld.vue 也是一个组件,与App.vue整体上一样,不过它的模板区相当丰富
    在这里插入图片描述
    在这里插入图片描述
    总体的流程图如下
    在这里插入图片描述

    加起来就当在浏览器中访问 localhost:8080是页面中的内容
    在这里插入图片描述

    3.学习参考网站

    在这里插入图片描述

    vue的官网有中文的,查找语法直接上官网是优先选择
    中文的如果看不懂,其实很衰,这是一个很好的便利了。看不懂的时候,重新读一遍,然后百度下这方面的知识,在csdn博客或者博客园及其他地方多方面查询,汇总下,一般就知道具体怎么用了,中文的已经很友好了

    展开全文
  • 一般来说,脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具. gulp和gulp-cli的区别可以看这个task - what does gulp-"cli" stands for? . 它跟前端常说的脚手架(scaffold)不是一个东西. CLI只是...
  • 在我们做前端的时候,很少会有人做需求的时候上去就什么脚手架都不用直接裸写,基本都会找个所谓的框架,比如三大框架:Angular、Vue、React。写Nodejs的时候,可能会使用Express、Egg、Koa所以在做Go的时候我们也...
  • node是什么?自己百度,这里你只需要知道她需要被用来安装vue就可以了 进入node.js官网下载。注意下载新版,因为后面才可以下载新版的vue脚手架 安装及其简单,一路下一步即可,下载安装好了之后,在cmd窗口中可以...
  • nuxt脚手架

    2019-06-10 20:54:33
    什么是服务端渲染 服务器端渲染 vs 客户端渲染 vue服务器端渲染的实现 nuxt的使用 什么是服务端渲染 概念:后端先调用数据库,获得数据之后,将数据和页面元素进行拼装,组合成完成的html页面,再直接返回给浏览器...
  • 什么是Vue-Cli Vue-Cli官方提供的一个脚手架!可以利用它快速生成前端化的工程模板! 功能: 统一的目录 快速调试 单元测试 在线运行 … 环境安装 # 第一次安装可能会有些慢! npm install vue-cli -g # 检测我们...
  • 我曾在本系列第二篇“H5必知必会之像素级还原设计稿”的最后写道:……读者可能会不由自主地猜测这个系列第三篇的主题是什么?……还有可能会写一写基于某个脚手架快速从头搭建一个H5项目以及实现前端工程化……。...
  • 写这篇文章的目的,更多让自己更熟悉vue-cli脚手架创建项目的依据和项目结构,其次希望我的学习过程可以帮到有疑惑的同学,有什么错误还希望可以得到指教为什么要分上、下,因为最近学习react.js,发现项目框架...
  • 由于菜单接口出现了“为空”的情况,大秋看了看数据库,猜测大概是后端数据之间逻辑出了问题,二话不说,修改了数据库的值。然后像个二哈一样,在一边看着两个前端调试,以为没自己啥事。 结果调来调去,这个接口又...
  • Vue2.0搭建Vue脚手架(vue-cli)

    千次阅读 2019-05-08 14:47:31
    3、vue-cli脚手架是什么? 解答 node.js是方便前后端分离的一种技术,这个一般后端的人用,因为,后端不懂前端,前端人员不懂后端,除非是全栈工程师,不然的话,无法实现前后端分离,一旦前端出错,问题很难...
  • 作为后端攻城狮,写前端代码一种什么体验?相信不少人和 @Python大星 一样,有写过前端代码的经历。记录一下,Vue 框架开发中“啼笑皆非”的故事,非专业前端人员,如有不当之处,请指出,不甚感激!1、如何理解 ...
  • 首先脚手架指的前端封装好的页面框架,拿来可快速的使用,适用于后端开发者,不必追求界面的精致样式,能用即可并且看的还可以 为什么要用一些脚手架? 如果用官方提供的easyUI,bootstrap,elementUi等,自己...
  • vue-cli脚手架工具

    2021-01-29 21:54:29
    一个Vue项目里的项目结构应该是什么样的? 我们能不能快速的获得这样的项目结构呢? 可以通过vue-cli这种脚手架工具来解决这样的问题。Vue-cli里存放了很多常用的项目骨架,直接拿来用就可以搭建出一个拥有比较...
  • nodejs是个非常神奇的东西,同时对我们前端同学来说学习成本低,非常友善,可以使用js来开发后端,同时兼顾前端,实现了语言统一化,这里我不展开说了,主要展开说一下node的脚手架是怎么实现的。前端的同学想必都...
  • AngularJS介绍与脚手架

    2019-12-31 17:03:28
    什么是AngularJS AngularJS: 一款由Google维护的开源JavaScript库 使用AngularJS的优点: 双向数据绑定 代码模块化 依赖注入,将这种后端语言的设计模式赋予前端代码,这意味着前端的代码可以提高重用性和灵活...
  • 主要介绍不用cli脚手架搭建一套前端工程,因为每个公司不是用脚手架工具安装一下就能进行开发了,很多时候都对工程有一定的定制需求,你没有深入的去了解cli脚手架的话,可能会很吃力,所以这块还是需要有一定的...
  • 写在前面 我发现网上的很多新手教程都并不是完全针对...既然针对新手,那么就除去那些复杂的内容,什么服务端渲染之类的全部不考虑,使用的也绝对都主流:Node+Express做后端,数据库采用MongoDB,前端用React...
  • 闲来无事写写小程序,于是想用uni-...为什么要安装node.js估计很多跟咔咔一样后端的有点理解不了。 因为node.js软件内置了npm,所以windows系统在安装nodejs后,打开cmd即可使用npm下载资源.linux在这里就暂时不.
  • 是什么 这是一个基于+的NodeJS + koa2MySQL + + redis的本领域模板+宁静API +笑话+ eslint +吞+ DEVOPS的后端初始化项目。 因为自己维护https://www.krissarea.com已经有两年多的时间了,但里面放的一直都是纯静态...
  • Vue脚手架3写的轮播图

    2020-05-31 13:56:49
    玩这个你得有node.js这也我跟着渡一免费的课程学的,我本身一个java后端开发,就是觉得前端特别有意思,确实有点好玩,如果你不想使用什么重量级的开发工具,IDEA你就可以使用下vscode还是蛮不错的,一个字,轻量...
  • 前端个大杂烩,各种技术、框架层出不穷,从pc端到移动端,从前端到后端,从web到桌面应用,乃至原生安卓及ios。 可以说js在手,天下我有(手动滑稽)。 背景 说实话做了几年前端,在前一阵儿我还是觉得,管你什么...
  • 本文发表于个人GitHub转载请注明出处什么是同构:客户端渲染:页面在 JavaScript,CSS 等资源文件加载完毕后开始渲染,路由为客户端路由,也就是我们经常谈到的 SPA(Single Page Application)。服务端渲染:页面由...
  • vue 路由的mode(模式)有几种, 分别是什么?在那些环境下运行? hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。 history: 依赖 HTML5 History API 和服务器配置。...
  • 作为后端攻城狮,写前端代码一种什么体验?相信不少人和 @Python大星 一样,有写过前端代码的经历。记录一下,Vue 框架开发中“啼笑皆非”的故事,非专业前端人员,如有不当之处,请指出,不甚感激!1、如何理解 ...
  • 作为后端攻城狮,写前端代码一种什么体验?相信不少人和 @Python大星 一样,有写过前端代码的经历。记录一下,Vue 框架开发中“啼笑皆非”的故事,非专业前端人员,该案例无 css 美化,引起不适,请见谅,如有不当...
  • springboot+vue项目大型实战--前后端到底什么

    千次阅读 多人点赞 2020-07-15 11:43:01
    2.Vue-cli(vue脚手架)详细安装教程-淘宝镜像加速器-IDEA版本 3.vue ui可视化界面进行创建vue项目安装 4.springboot+vue项目大型实战(一)后端开发 5.springboot+vue项目大型实战(二)Elemen UI深入浅出分页操作 ...

空空如也

空空如也

1 2 3 4
收藏数 68
精华内容 27
关键字:

后端脚手架是什么