FineUI 官方论坛

标题: 【视频教程】一步步将AppBox升级到Pro版 [打印本页]

作者: sanshi 时间: 2018-1-19 11:46
标题: 【视频教程】一步步将AppBox升级到Pro版
本系列教程分为上中下三部分，通过视频的形式讲解如何将基于FineUI（开源版）的AppBox v6.0一步一步升级FineUIPro（基础版）。

【视频教程】一步步将AppBox升级到Pro版（上）
主讲：三石
时长：12分钟
下载：免费下载：https://pan.baidu.com/s/1pM8mIqJ 密码: m7na

本课程的目标是将AppBox引用的FineUI（开源版）升级为FineUIPro（基础版），并将项目运行起来。
主要由如下内容组成：

运行AppBox v6.0
在文件名和项目工程中的进行字符串替换：AppBox->AppBoxPro
VS打开项目工程，进行字符串替换：AppBox->AppBoxPro, FineUI->FineUIPro
删除FineUI（开源版）的程序集引用，删除extjs目录
引用FineUIPro程序集
修改数据库初始化数据，将Nuptune改为Cupertino
在Web.config中添加表单验证例外（res.axd）
在项目中删除所有的jquery引用（FineUIPro已经内置jQuery库）
完成

本课程开始前的页面截图：
[attach]10900[/attach]

本课程完成后的页面截图：
[attach]10901[/attach]

【视频教程】一步步将AppBox升级到Pro版（中）
主讲：三石
时长：35分钟
下载：免费（链接：https://pan.baidu.com/s/1nwvzIFf 密码：tr7y）

本课程的目标是将主框架页修改为官网示例首页的样式，增加主题选择窗体，增加页面顶部的登录头像和下拉菜单。
主要由如下内容组成：

拷贝FineUIPro官网示例中的res/images和res/themes目录
拷贝官网示例common/themes.aspx页面
修改配置页面，增加TriggerBox和Window控件
注册TriggerBox的客户端点击事件，打开窗体并传入selected参数
修改themes.aspx页面，接受selected参数并选中相应的主题
点击主题图标时，调用配置页面的之定义函数，并传入选中的主题名称
修改PageBase中设置主题的代码，增加对自定义主题和内置主题的判断
修改框架页，将RegionPanel修改为普通的Panel，并增加Layout=Region布局
将框架页顶部的Region->Content结构修改为：ContentPanel
将原来Toolbar中的帮助和退出按钮放到顶部面板中：Button->Menu->MenuButton
将原来中间区域的Panel->TabStrip简化为：TabStrip
为三个区域面板增加相应的CssClass
为TabStrip增加两个工具图标，分别是刷新和最大化
完成

本课程完成后的页面截图：
[attach]10902[/attach]

【视频教程】一步步将AppBox升级到Pro版（下）
主讲：三石
时长：25分钟
下载：请先加入【三石和他的朋友们】知识星球

本课程的目标是对所有的页面进行错误修正，主要错误集中在对Extjs脚本的调用，我们会详细讲解如何查询FineUIPro的客户端文档并完成更新。
主要由如下内容组成：

用户编辑页面选择角色，使用cblRole.getValue()就可以方便的获取复选框列表的选中值
用户编辑页面选择部门，原来grid1.getSelectionModel().getSelection()可以简化为grid1.getSelectedRow(true)
角色权限管理页面，原来$(grid1.el.dom)简化为grid1.el，右键弹出菜单也有调整
菜单编辑页面，简化iconList.f_getSelectedValues()[0]简化为iconList.getValue()
......

本课程中部分修正截图：
[attach]10903[/attach]

[attach]10904[/attach]

如何加入【三石和他的朋友们】知识星球？
打开微信扫描二维码后，付费加入：

加入后，您就可以获取如下资源：

AppBox_v6.0_全部源代码（基于FineUI开源版）
一步步将AppBox升级到Pro版（全部视频教程）
AppBoxPro_v4.1_全部源代码（基于FineUIPro基础版）

详细介绍：http://fineui.com/bbs/forum.php?mod=viewthread&tid=21482

作者: sanshi 时间: 2018-1-22 09:55
现在可以下载了！

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/BBS/)