首页 技术 正文
技术 2022年11月23日
0 收藏 551 点赞 3,021 浏览 1759 个字

很多人都利用GIT上的scratch3.0做开发,但是苦于有些定制需要个性化开发但是不知道如何动手。本篇文章来做好普及工作吧。

首先需要完成事项如下:

1.需要进行modal定义

2.新增窗口的UI界面

3.新增窗口逻辑页面

4.GUI的UI页面注册

5.gui逻辑页面注册

6.顶部菜单新增接口

下面我们就一步不来模拟,例如,我需要开发一个论坛功能。

第一步,modal定义

  1.打开reducers/modals.js文件,修改如下:

    1)找到约16行,新增以下代码

    const MODAL_BBS = ‘bbs’;

    2.)找到约30行,新增如下代码

  ·  [MODAL_BBS]: false

    3)找到约96行,新增如下代码

    const openbbs = function () {

      return openModal(MODAL_bbs);
    }

    const closebbs = function () {
      return closeModal(MODAL_bbs);
    };

    4)找到末尾倒数第二行,新增代码

      openbbs,        closebbs    以上请注意逗号的使用第二步,新增窗体的UI界面,详见附件  1)components/bbs/bbs.jsx

  2)components/bbs/bbs.css

第三步,新增窗体的逻辑页面,详见附件

  containers/bbs.jsx

第四步,gui 的UI页面注册

  找到compents/gui/gui.jsx

  1)找到第27行,新增代码

    import Bbs from ‘../../containers/bbs.jsx’;  2)找到约118行,新增代码,别忘了逗号

    bbsVisible,  3)找到约180行,新增代码    {bbsVisible ? (                      <Bbs />                ) : null}  4)搜索tipsLibraryVisible: PropTypes.bool,新增代码    bbsVisible: PropTypes.bool, 

第五步,GUI逻辑页面注册

  打开containers/gui.jsx在153行,也就是在const mapStateToProps = state => {中新增

    bbsVisible: state.scratchGui.modals.bbs,

第六步,在菜单中新增论坛菜单

  找到compents/menu-bar/menu-bar。jsx

  1)找到33行,找到import {openTipsLibrary} from ‘../../reducers/modals’;

  更改为import {openTipsLibrary,openbbs} from ‘../../reducers/modals’;

  2)找到倒数第9行,也就是mapDispatchToProps = dispatch => ({方法内,新增(注意标点符号)

  onOpenbbs: () =>dispatch(openbbs())

  3)找到479行新增

<Divider className={classNames(styles.divider)} /> <div   className={classNames(styles.menuBarItem, styles.hoverable)} onClick={this.props.onOpenbbs}>                          论坛                    </div> 附件地址:点击下载 

——————————————————————–

博主:雷君(微软MVP,众聚互联CEO)

长期致力于企业IT服务,以及青少年编程培训课程

培训机构讨论热线:18859773999

——————————————————————–

 

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,257
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,695
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,535
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,306
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,944
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,104