Java Web工程demo 后端:spring + spring mvc + mybatis + maven,涉及定时任务quartz、ehcache缓存、RESTful API、邮件发送... 前端:react + reflux + webpack,涉及ES6、jquery、react-router、ant design等内容, 提供下思路,仅供参考。

Last update: Apr 27, 2022

Java Web工程例子

build status

后端:spring + spring mvc + mybatis + maven;

涉及定时任务quartz、ehcache缓存、RESTful API、邮件发送...

前端:react + webpack;

涉及ES6、jquery、react-router、ant design等内容, 有个reflux的示例【user模块,但未使用】

只是demo,提供下思路,供参考及后续扩展,有兴趣的可以一起完善~~~

如何运行:

后端:执行maven命令:clean tomcat:run
前端:查看src/main/webapp/目录下的readme文件,输入npm run build命令构建即可,后续修改完前端代码后,刷新浏览器可看到修改后的效果;

主页

index

用户管理(add modal)

index

图表1

index

图标2

index

GitHub

https://github.com/peterchenhdu/webbf
You might also like...

React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate

Firebase 3.0 Starter using React Redux This is a Firebase 3.0 start using React and Redux. It uses the latest version of libraries, including the bran

Dec 14, 2021

React + React Router 1.0 + Redux + Webpack & Hot Module Replacement

React scaffolding An opinionated scaffolding with the following technical stack and configuration: React (15.x.x) React Router (2.x) Flux by using Red

Feb 26, 2021

A template repo for creating react-ts apps based on vite. Libs like axios, antd, @apollo/client, eslint, stylelint, react-router-dom and @syy11cn/config-router are pre-installed.

A template repo for creating react-ts apps based on vite. Libs like axios, antd, @apollo/client, eslint, stylelint, react-router-dom and @syy11cn/config-router are pre-installed.

Template Repo for React + Typescript + Vite Introduction This is a template repo for projects built with react and typescript on the basis of vite. Fe

Apr 12, 2022

react redux for CMS/Enterprise class App/ERP/Admin with ant-design

react redux for CMS/Enterprise class App/ERP/Admin with ant-design

Feature List hot reloading/browser-sync/redux devtools on dev build minify/chunkhash/trackJS on production build eslint both of terminal and pre-commi

Apr 15, 2022

A React + Redux + Ant-Design frontend boilerplate

react-redux-antd-starter A React + Redux + Ant-Design frontend boilerplate. React Redux Ant-Design React Router React Router Redux Redux Actions Babel

Oct 1, 2021

Create-React-App + TypeScript + Ant-Design (without Eject)

Create-React-App + TypeScript + Ant-Design (without Eject)

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

May 7, 2022

Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd 4.0 Admin App  Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

May 13, 2022

An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS

AntD Admin An excellent front-end solution for enterprise applications. Preview - https://antd-admin.zuiidea.com Documentation - https://doc.antd-admi

May 17, 2022

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

May 12, 2022
Comments
  • 1. npm run build失败

    verbose stack Error: Invalid version: "v0.1-alpha" 4 verbose stack at Object.fixVersionField (D:\Program Files\nodejs\node_modules\npm\node_modules\normalize-package-data\lib\fixer.js:191:13) 4 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\normalize-package-data\lib\normalize.js:32:38 4 verbose stack at Array.forEach (native) 4 verbose stack at normalize (D:\Program Files\nodejs\node_modules\npm\node_modules\normalize-package-data\lib\normalize.js:31:15) 4 verbose stack at final (D:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:349:5) 4 verbose stack at then (D:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:124:5) 4 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:243:12 4 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:78:16 4 verbose stack at tryToString (fs.js:426:3) 4 verbose stack at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:413:12)

    Reviewed by chenming7583 at 2017-02-10 09:33
  • 2. npm run build 错误

    webpack --progress -colors --watch Hash: 5947541053f535eaef7d Version: webpack 1.13.3 Time: 10002ms [0] multi vendors 52 bytes {4} [built] + 1157 hidden modules

    ERROR in ./resources/js/components/user/add-user-modal.js Module not found: Error: Cannot resolve 'file' or 'directory' ../../util/Validation-util in /home/xiaolei/webbf/src/main/webapp/resources/js/components/user @ ./resources/js/components/user/add-user-modal.js 41:22-59

    Reviewed by vbay at 2016-11-04 07:25
A boilerplate of SPA, built with React.js, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design...

Getting start Clone this repo: $ git clone https://github.com/jovey-zheng/react-start-kit.git Install dependenices: $ npm i Start the project: $ npm

Mar 1, 2022
This Project Is Deprecated. Use [Ant Design Pro](https://pro.ant.design/) instead.
This Project Is Deprecated. Use [Ant Design Pro](https://pro.ant.design/) instead.

This Project Is Deprecated. Use Ant Design Pro instead. Ant Design Pro is a production-ready solution for admin interfaces. Built on the design princi

Apr 27, 2022
Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of Ant Design in existing ReactPWA project.

ReactPWA - PawJS & Ant Design Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of A

Dec 6, 2021
Apr 18, 2022
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Apr 23, 2022
React Redux Isomorphic Webpack 2 Boilerplate based on ant.design

React Redux Isomorphic Webpack 2 Boilerplate based on ant.design About This boilerplate has following feature: Universal React rendering Webpack 2 for

Mar 29, 2022
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Apr 5, 2022
React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.
React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.

Start your react typescript project with manual webpack config in seconds Flexible to control webpack, easy to deploy Keywords: React Starter, Webpack

May 13, 2022
Small ES6 Native Speed jQuery for Svelte, Vue3, React, Angular, and WEB

sQuery This is a Very Small ES6 Native Speed jQuery for Svelte, Vue3, React, Angular, and WEB. Are you fed up with the modern js frameworks? But you'r

Nov 2, 2021
Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.
 Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.

Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.

Oct 6, 2021