部署React前端和Django后端的3种方法如果您要用Django REST开发web应用程序后端，并使用React或Vue开发应用程序前端。有很多方法实现。你需要做出很多选择：您的前端是独立的静态站点还是通过Django视图实现？你把后端和前端放在不同的子域上吗？您是单独部署后端和前端，还是一起部署？你怎么选择？哪一种是“正确的方式”？坏消息是，没有正确的方式来做这件事，而且有很多东西要权衡。
转载
2024-02-10 12:57:43
120阅读
前言在对英才网企业线前端不断的完善过程中，我们尝试进行了前后端分离，引入Node环境、以及在使用React的过程中，自行开发DOM渲染框架，解决React兼容低版本IE的问题，在这个过程中，我们有了一些经验和体会，希望本文对您有所帮助。为什么前后端分离原有架构下，后端系统基于Java语言实现，通过Velocity模板实现服务器端渲染，前端同学维护静态资源，在维护页面状态时，还需要模板和脚本互传参数
转载
2023-08-27 14:58:32
226阅读
【开发篇】10分钟快速上手spring boot+react后端分离教程我又又回来了，本次快速建立一个spring boot+react前后端的hello world的demo！！！1.前后端分离前后端分离（解耦）的核心思想：前端HTML页面通过Ajax调用后端的RestFul API并使用JSON数据进行交互。1.1 传统的MVC设计流程传统的MVC的设计模式：即Model-View-Contr
转载
2024-01-04 06:45:18
573阅读
代码分离的目的：代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级，如果使用合理，会极大影响加载时间。代码分离的三种方法：入口起点：使用 entry 配置手动地分离代码。防止重复：使用 Entry dependencie
转载
2023-07-30 18:14:43
134阅读
这个项目分为部署本地和部署在服务器上两部分。先看效果技术栈springboot + shiro + redis + vue + element-UI大致框架我感觉这个项目的主要难点在于shiro与jwt的整合，没有相关基础的话看起来那是相当难受。在此利用本博客做一些相关的笔记，有兴趣的小伙帮可以传送b站啦,提醒一下，虽然该项目没用到redis，但是引入了shiro-redis，所以运行项目时记得打
转载
2024-07-01 12:03:06
15阅读
前 言 React 是一个用于构建[用户界面]的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单。
转载
2023-07-17 17:05:00
238阅读
前面我们已经实现了用unittest框架编写测试用例，实现了请求接口的封装，这样虽然已经可以完成接口的自动化测试，但是其复用性并不高。我们看到每个方法（测试用例）的代码几乎是一模一样的，试想一下，在我们的测试场景中，一个注册接口有可能会有十几条到几十条测试用例，如果每组数据都编写一个方法，这样将会有更多的重复项代码，不仅执行效率不高，也不好维护。接下来将会对框架进行优化，采用数据驱动方式，1）把测
转载
2023-11-23 22:57:17
62阅读
Webpack 代码分离 提示：版本问题本文基于 webpack 2.x 版本。webpack 2.x 相比 webpack 1.x 有重大改变。所以，如果你的项目中已使用了 webpack 1.x ，本教程的示例将不适用，请慎重。如果铁了心要升级 webpack ，请参考 webpack 官方文档 - 从 v1 迁移到 v2阅
原创
2017-07-25 15:28:22
725阅读
文章目录React 代码规范1、基础规则2、组件声明（1）组件名称和定义该组件的文件名称建议要保持一致；（2）不要使用 displayName 属性来定义组件的名称，应该在 class 或者 function 关键字后面直接声明组件的名称。3、React 中的命名4、JSX 写法4.1、标签（1）当标签没有子元素的时候，始终使用自闭合的标签 。（2）如果标签有多行属性，关闭标签要另起一行 。（3
转载
2024-08-21 11:09:01
23阅读
Webpack 代码分离 提示：版本问题本文基于 webpack 2.x 版本。webpack 2.x 相比 webpack 1.x 有重大改变。所以，如果你的项目中已使用了 webpack 1.x ，本教程的示例将不适用，请慎重。如果铁了心要升级 webpack ，请参考 webpack 官方文档 - 从 v1 迁移到 v2阅
原创
2017-06-21 10:55:23
851阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
转载
2022-04-12 14:36:49
297阅读
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
转载
2020-09-21 15:31:00
466阅读
2评论
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
原创
2022-04-01 22:34:23
161阅读
前言最近在做一个前后端分离的项目。前端使用vue,后端使用的是spring boot,因为需要做权限管理。就选择集成shiro框架。以前都是在传统项目中使用shiro。第一次在前后端分离的项目中使用shiro。给我带来了很大的困扰。遇到了很多麻烦。所以在此记录。方便以后查阅。也希望能让同样面临同样问题的人能节约点时间。坑点总结1.前后端分离项目没有部署在同一台服务器上，要面临跨域问题。 2.使用t
转载
2024-06-04 19:17:38
60阅读
一、有时候经常会遇到配置数据库主从主从分离是存储和访问数据，就需要配置和修改代码了，mysql安装我就不说了二、 主服务器master的配置 1. vim /etc/my.cnf 2. 重启服务 service mysqld restart 3. 创建一个用户 4. 赋予用户的权限（mysql之用户密码） 三、 从服务器slaver
转载
2023-06-30 08:31:17
351阅读
React前后端分离实战租房项目一好客租房-20天day03-项目介绍以及开发后台系统(07.后台系统开发之form表单组件以及表单提交的讲解&)07.后台系统开发之form表单 port React, { PureComponent } f.
原创
2023-02-23 22:12:55
106阅读
代码分离是什么代码分离是一种技术，使得主文件被拆分为多个文件，同时保证分离后的代码对原有的功能没有影响。webpack也具备代码分离的能力。由于webpack的打包过程是自动化的，因此自然的通过webpack做代码分离后的文件之间的关系要么是自动关联的要么能很清晰看到分离文件之间的联系。webpack中代码分离的方案分为三类：多入口webpack从一个入口出发对应一个输出的bundle.js，那么
原创
2017-12-29 11:03:17
2283阅读
create-react-app myAppcd myAppnpm start这样你就简单的完成了一个 react app 建立，其目录结构如下（ 图中不包括 node_modules 目录，下同 ）：Hello World我们删除一些不必要的东西，然后修改目录结构如下（不能删 node_modules 目录，如果删了就在项目目录下运行 npm i 就好了）：其中 components 是个目录。
总述： 1.各人的代码彻底分开，创建自己的api文件、组件文件夹、仓库文件夹、页面文件夹、工具函数文件等，仅保留极其少
原创
精选
2024-04-28 13:59:57
171阅读
【react】父组件向子组件传值
父向子是用props，然后再子那边有一个监听函数
componentWillReceiveProps:function(nextProps){
this.setState({
visible:nextProps.visible,
item:nextProps.item,
转载
2024-07-08 18:21:03
26阅读
