【视频教程】一步步将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库)
  • 完成

本课程开始前的页面截图:

本课程完成后的页面截图:

【视频教程】一步步将AppBox升级到Pro版(中)
主讲:三石
时长:35分钟
下载:免费(将于2018-01-22 10:30开放下载)

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

  • 拷贝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增加两个工具图标,分别是刷新和最大化
  • 完成

本课程完成后的页面截图:

【视频教程】一步步将AppBox升级到Pro版(下)
主讲:三石
时长:25分钟
下载:请先加入【三石和他的朋友们】知识星球(将于2018-01-22 10:30在星球内下载)

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

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

本课程中部分修正截图:

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

加入后,您就可以获取如下资源:

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

注:以上红色资源将于 2018-01-22 10:30 在星球内下载。

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

原文地址:https://www.cnblogs.com/sanshi/p/8322314.html

时间: 2024-11-11 14:53:39

【视频教程】一步步将AppBox升级到Pro版的相关文章

张小龙在2017微信公开课PRO版讲了什么(附演讲实录和2016微信数据报告)

今天2017微信公开课PRO版在广州亚运城综合体育馆举行,这次2017微信公开课大会以“下一站”为主题,而此次的微信公开课的看点大家可能就集中在腾讯公司高级副总裁.微信之父——张小龙的演讲上了!今天中午各个互联网圈子里面传的最多的就是张小龙的演讲实录(别急,下面会附上张小龙的演讲实录).说的最多的话题就是微信小程序.今天马浩周带大家来解读和了解下2017微信公开课PRO版到底做了些什么? 从今年的2017微信公开课PRO版上面,我们可以提取出几个重点(敲黑板,划重点啦): 1.微信小程序将在20

SSL证书力证微信公开课pro版清白

1月10日晚上,正当微信朋友圈被微信公开课PRO版的"我和微信的故事"刷屏之时,突然有消息曝出并迅速扩散,称公开课应用链接会盗取微信号和支付宝号.随后,各地警方.腾讯.支付宝等陆续进行辟谣.但是,事件造成的影响并没有消散,大量的人信以为真,腾讯官方证实上百万用户解绑微信捆绑的银行卡或提现.(以上报道引自深圳特区报) 虽然腾讯紧急辟谣,但仍有很多网友心存疑虑.这本是腾讯一次精心策划的线上营销,但却换来百万人解绑银行卡的惨重代价.在此,CFCA安全工程师也不禁为腾讯叫屈,因为微信公开课PR

win7家庭版升级win7旗舰版

预装Win7家庭普通版系统的机器可免费升级为旗舰版.(WIN7任何低版本的系统 都可以升级到旗舰版) 开始的步骤: 1)在控制面板里  打开 Windows Anytime Upgrade,方法是单击「开始」按钮 .在搜索框中,键入anytime upgrade,然后在结果列表中单击"Windows Anytime Upgrade". 2)然后输入序列号,就可以升级了. 3)升级完成后,在您的计算机上将运行新版本的 Windows 7. 升级时会自动下载6个更新,然后经过2-3次的自动

eclipse升级,导入旧版eclipse的插件[转]

启动 eclipse.菜单 File => import … => Install => From existing Installation, 点确定, 就会弹出对话框, 浏览选择 ~/.eclipse 下 3.7的目录, 就会列出所有曾经安装在3.7上可以导入的插件.选择好要导入的插件, 点击 Finish, 即可.导入完成后, 按提示重启 eclipse, 成功. eclipse升级,导入旧版eclipse的插件[转]

MDT 2013 Update 1预览版升级到正式版

Windows 10正式版发布一个多月后终于发布了MDT 2013 Update 1的正式版.与预览版相比,主要改进的地方如下请参考:MDT 2013 Update 1 re-released (build 8298) 开始之前对比从官方网站下载到的版ADK和MDT与当前环境中安装的版本以判断哪些组件需要升级. 正式版版本信息: 当前环境中安装的ADK版本信息 上图也可以查看当前环境中安装的MDT版本.网站上下载到的正式版信息 因此此次升级只需升级MDT即可. 升级过程如下: 1.操作前确认当前

升级TeeChart pro

teechart 安装流程如下: 1.  将生成的 LIB中的 选中文件copy到C:\Users\Public\Documents\RAD Studio\8.0\Dcp 图1 1.  fastreport  需要选择下面三项,重新编译 图2 2.   devexpress 需要unistall 后再 install 才可以.

Ionic实战 自动升级APP(Android版)

Ionic 框架介绍 Ionic是一个基于Angularjs.可以使用HTML5构建混合移动应用的用户界面框架,它自称为是"本地与HTML5的结合".该框架提供了很多基本的移动用户界面范例,例如像列表(lists).标签页栏(tab bars)和触发开关(toggle switches)这样的简单条目.它还提供了更加复杂的可视化布局示例,例如在下面显示内容的滑出式菜单. Ionic 自动升级APP一.准备工作 1.Cordova插件: cordova plugin add https:

Cordova/Phonegap应用实现检测升级(Android版)

App升级的原理很简单,获取服务端最新版的版本信息,与自身的版本信息进行比较,如果自身版本低,就可以提示用户下载新版本. 对于Android应用,版本信息主要存储在AndroidManifest.xml文件中: <manifest android:hardwareAccelerated="true" android:versionCode="101" android:versionName="1.0.1" android:windowSof

收藏能力升级,支付宝版「小程序桌面」初现!

支付宝「小程序收藏」上线以来,有个问题一直在用户心头萦绕:支付宝什么时候有自己的"小程序桌面"? 就在近日,支付宝对「小程序收藏」页面进行全面升级,不仅上线了用户心心念念的"小程序桌面",还在小程序服务提醒.生活号联动等能力上为商家再次赋能.下面我们一起体验下~ 两个支付宝"小程序桌面"? 之前的「小程序收藏」页面设有底部导航栏,分别为「我的」和「发现」,其中「我的」栏目界面由「我的收藏」以及「我的权益」两部分组成. 而这次更新后,「小程序收藏」