首页 > 其他分享 >egg+designpro开发内容管理系统实战

egg+designpro开发内容管理系统实战

时间:2024-12-12 11:14:15浏览次数:1  
标签:designpro 管理系统 saga egg dva 任务 front redux cms

前端架构师egg+designpro开发内容管理系统实战

https://www.bilibili.com/video/BV1La411X74h 1+ 1 2

前端架构师


任务1:1.cms-api

www.zhufengpeixun.cn/architecture/html/30.cms-7-api.html#t63.2%20config/config.default.js

npm i egg-init -g 用cli

用模板....

https://gitee.com/wendZzoo/cms-api

8.锁
锁时计算机协调多个进程或线程并发访问某一资源的机制
8.1 锁的分类
从对数据库操作的类型分,分为读锁和写锁
读锁(共享锁):针对同一份数据,多个读操作可以同时进行而不会互相影响

写锁(排它锁):当前写操作没有完成前,它会阻断其他写锁和读锁从对数据操作的粒度分,分为
表锁行锁
8.2 表锁
表锁偏向 MyISAM 存储引擎,开销小,加锁快,锁定粒度大,发生锁冲突的概率最高,并发度最低
8.2.1 准备数据

数据枷锁

表级读锁
lock table users read;select*from users;select
*from role;

unlock tables;

任务2:2.cms-api
任务3:3.cms-api

任务4:1.umi

1.roadhog roadhog 是一个 cli 工具,提供 server,build 和 test 三个命令,分别用于本地调试和构建提供了特别易用的mock功能
命令行体验和 create-react-app 一致,配置略有不同,比如默认开启 css modules还提供了JSON 格式的配置方式.
roadhog
1.1 安装
$ npm i roadhog-g

1.UmiJS UmiJS 是一个类 Next.JS 的 react 开发框架。
他基于一个约定,即pages目录下的文件即路由,而文件则导出react组件然后打通从源码到产物的每个阶段,并配以完善的插件体系,让我们能把umi的产物部署到各种场景里.

任务5:2.dva

dva 阿里 类似redux

6.ΑΡΙ
app = dva(opts)创建应用,返回 dva 实例app.use(hooks)配置 hooks 或者注册插件app.model(mopel)注册 model app.router(({history,app})=> RouterConfig)注册路由表app.start(selector?)启动应用。selector可选61计粉哭

有state reduces effects-延时操作 调用接口 等待

cnpm install dva-cli-g

git clone https://gitee.com/Code_007Z/cms-front.git

任务6:3.dva
任务7:4.dva
任务8:1.cms-front
任务9:2.cms-front
任务10:4.cms-front
任务11:4.cms-front
任务12:5.cms-front
任务13:6.cms-front
任务14:7.cms-front
任务15:1.cms-api-1
任务16:2.cms-api-2
任务17:1.roadhog+umi
任务18:2.umi

任务19:1.saga

1.redux-saga redux-saga 是一个redux 的中间件,而中间件的作用是为redux提供额外的功能.
在reducers中的所有操作都是同步的并且是纯粹的,即reducer都是纯函数,纯函数是指一个函数的返回结果只依赖于它的参数,并且在执行过程中不会对外部产生副作1用,即给它传什么,就吐出什么。
但是在实际的应用开发中,我们希望做一些异步的(如Ajax请求)且不纯粹的操作(如改变外部的状态),这些在函数式编程范式中被称为"副作用"。
redux-saga 就是用来处理上述副作用(异步任务)的一个中间件。它是一个接收事件,并可能触发新事件的过程管理者,为你的应用管理复杂的流程
2.redux-saga工作原理
sages采用Generator函数来yield Effects(包含指令的文本对象)
Generator 函数的作用是可以暂停执行,再次执行的时候从上次暂停的地方继续执行Effect 是一个简单的对象,该对象包含了一些给 middleware 解释执行的信息。
你可以通过使用effects API如fork,call,take,put,cancel等来创建Effect.
3.redux-saga分类
worker saga 做实际的工作,如调用API,进行异步请求,获取异步封装结果
watcher saga监听被dispatche9actions,当接受到action或者知道其被触发时,调用worker执行任务root saga立即启动saga的唯一入口

任务20:2.saga
任务21:3.saga
任务22:4.dva
任务23:5.dva_ant
任务24:1.cms-front-1
任务25:2.cms-front-2
任务26:3.cms-front-3
任务27:4.cms-front-4
任务28:5-cms-front-5
任务29:6-cms-front-6
任务30:7-cms-front-7

标签:designpro,管理系统,saga,egg,dva,任务,front,redux,cms
From: https://www.cnblogs.com/KooTeam/p/18601992

相关文章

  • Egg.js入门视频教程 - 200分钟学会Egg.js框架 掌握全栈开发( 完结)
    Egg.js入门视频教程-200分钟学会Egg.js框架掌握全栈开发(完结)https://www.bilibili.com/video/BV1s3411C71V 101.课程介绍和Egg.js开发环境搭建Egg.js的语法仍然是JavaScript。也就是说,你不用再学习Golang或者Java这样的基础语言了。而是只要学习Egg.js的框架API,就可以快......
  • Vue3+Nest+GraphQL+Prisma 入门全栈开发图书管理系统
    Vue3+Nest+GraphQL+Prisma入门全栈开发图书管理系统https://www.bilibili.com/video/BV1K44y197Za 101.课程介绍02.GraphQL入门-上03.GraphQL入门-中04.GraphQL入门-下05.Prisma入门-106.Prisma入门-207.Prisma入门-308.Prisma入门-409.Prisma入门-510.前端编写-上11......
  • Springboot基于springboot高校毕业生信息管理系统y775m(程序+源码+数据库+调试部署+开
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表学生,学校管理员,实习单位,档案信息,档案物流,认证申请,学分认证,就业信息,就业申请,实习通知,留言信息,留言回复,实习情况开题报告内容一、课题背景与意义随着......
  • Springboot基于Springboot的助学金管理系统设计与实现3010f(程序+源码+数据库+调试部署
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表学生,教师,公告信息,院系信息,专业信息,奖金信息,奖金申请,在线留言,留言回复开题报告内容一、研究背景与意义随着社会经济的发展和高等教育规模的扩大,越来越多......
  • node.js毕设宠物在线管理系统程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于宠物管理系统的研究,现有研究主要以宠物领养管理、宠物医院管理等为主,专门针对宠物在线综合管理(涵盖店长、用户、员工、宠物信息、用户宠物、宠物咨......
  • 毕业设计 基于Java的车辆保险管理系统
    源码获取欢迎留言一、摘要随着汽车保险行业的迅速发展,为提高理赔效率、降低管理成本,本文设计并实现了一套基于SSM框架的汽车保险理赔管理系统。该系统采用Java语言作为后端开发语言,HTML+CSS技术实现前端页面设计,MySQL数据库用于数据存储,IDEA开发工具用于项目的开发和管理。......
  • 基于java ssm学校园教材管理系统教材出入库(源码+文档+运行视频+讲解视频)
     文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架SSM前端框架vueSSM框架详细介绍系统测试四、代码参考源码获取目的摘要: 本文介绍基于JavaSSM框架构建的校园教材管理系统,重点关注教材出入库功能。 借助SSM框架的优势......
  • 消防管理系统|Java|SSM|VUE| 前后端分离
                  【技术栈】1⃣️:架构:B/S、MVC2⃣️:系统环境:Windowsh/Mac3⃣️:开发环境:IDEA、JDK1.8、Maven、Mysql5.7+4⃣️:技术栈:Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html5⃣️数据库可视化工具:navicat6⃣️服务器:SpringBoot自带apachetom......
  • node.js毕设抽奖管理系统程序+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于抽奖管理系统的研究,现有研究主要以传统抽奖模式的管理为主,专门针对信息化、系统化的抽奖管理系统的研究较少。在国内外,抽奖活动在商业营销、社区互......
  • 基于SpringBoot的超市外卖管理系统
    引言  随着线上消费的普及,传统超市正积极拥抱数字化转型,以适应消费者对便捷购物和即时配送的需求。基于SpringBoot+Vue+MySQL+MyBatis+前后端分离技术的超市外卖管理系统,为超市提供了全新的服务模式。该系统通过高效的订单管理、商品分类展示、用户注册登录和配......