react后端共用一个项目，react 后端

基于React+Koa实现一个h5页面可视化编辑器-Dooring

基于React+Koa实现H5页面可视化编辑器－Dooring的核心要点如下：技术选型：前端：使用React作为主要框架，结合Reactdnd、Reactdraggable等库实现拖拽功能。后端：采用Koa框架，负责保存模板、数据源存储、用户管理、H5图床和静态文件托管等后端服务。

基于React+Koa构建的H5页面可视化编辑器本文聚焦于一个H5页面可视化搭建工具的开发，即Dooring，旨在通过技术手段实现拖拽生成H5页面，以提高工作效率。这种傻瓜式工具在开发移动端网站、H5营销页面或活动页面时极具价值。

本文旨在介绍如何使用React和Koa构建一个H5页面可视化编辑器，重点在于实现拖拽式生成H5页面的功能，以提高开发效率。此工具适用于创建移动端网站、H5营销页面及活动页面等。通过此编辑器，开发者可以实现组件的拖拽、放大、缩小以及自定义布局，同时支持预览、生成预览链接、保存json文件和模版等功能。

quark-h5：使用vue + Koa的前端低代码框架，编辑器生成页面JSON数据，服务端负责存取JSON数据，渲染时从服务端取数据JSON交给前端模板处理。mall-cook：基于vue的可视化商城搭建平台，包括多页面可视化构建、Json Schema生成器，支持生成H小程序多端商城。

将React项目作为一项springboot服务部署

要将React项目作为一项springBoot服务部署，你需要完成两个主要步骤：前端项目的打包和后端服务的配置与部署。以下是详细的步骤说明：前端项目配置及打包项目构建 使用create-react-APP脚手架构建React项目。该脚手架已经为你配置好了webpack，并将各种功能封装好供开发人员使用。

后端：SpringBoot，云服务：centos7 建议使用create-react-app创建react项目包，简单快捷。进入项目路径，开始运行 直接使用项目自身的build指令进行打包，完成后会在项目根目录多出一个build文件夹 build文件中包含项目打包后的js、css、html...等资源。

在idea中打开后端SpringBoot项目。新建或编辑运行/调试配置，配置项目的启动参数，如端口号、上下文路径等。启动后端应用，确保后端服务正常运行。数据库配置：若项目需要连接数据库，将MySql或其他数据库的连接信息输入到项目的配置文件中。

React和SpringBoot的前后端分离项目启动流程如下：首先，确保你的开发环境配置正确。在windows上，从Git官网下载并安装Git，小米代码仓库可通过git.n.xiaomi.com获取。安装完成后，检查Java版本（推荐使用JDK 8），并安装Maven（版本建议x），务必注意settings.xml的配置，避免常见问题。

使用JAVA和React实现网页版数据库管理及建模工具(基本上可取代navicat...

熟练的使用java语言进行面向对象程序设计，有良好的编程习惯，熟悉常用的JavaAPI，包括I/O（NIO）、socket、JDBC、XML、集合框架、多线程（并发编程）、反射等。

该部分是基于Java接口开发，开发快速，便于扩展，常使用Api接口以及可配置化的定时任务。前端使用泛微平台前端框架Ecode框架、jQuery、React、Echart的各种控件以及图表等技术。向页面展示数据时使用fastjson快速解析json数据。使用Ajax异步编程的方式实现局部更新的功能。SVN代码管理和代码流程备案。

在技术层面上来说，前端=HTML+CSS+javascript。 IT后端： 后端就是网站的逻辑部分，主要涉及数据库，动态语言如php、ASP、jsp等。也就是说，后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

前端开发主要做的是用户所能看到的前端展示界面。后端开发主要做的是逻辑功能等模块，是用户不可见的。所用技术不同 前端开发用到的技术包括但不限于htmlcssJavaScript、jquery、bootstrap、node.js 、AngularJs等技术。