FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

FineUIMvc/Core v5.4.0 发布(Core基础版首发!) FineUIPro v5.4.0 发布(十年磨一剑,升级正当时) 欢迎加入【三石和他的朋友们】(基础版下载)

查看: 4625|回复: 1

【视频教程】一步步将AppBox升级到Pro版

[复制链接]
发表于 2018-1-19 11:46:37 | 显示全部楼层 |阅读模式
本系列教程分为上中下三部分,通过视频的形式讲解如何将基于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分钟
下载:免费(链接: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增加两个工具图标,分别是刷新和最大化
  • 完成

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



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

本课程的目标是对所有的页面进行错误修正,主要错误集中在对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基础版)



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



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
 楼主| 发表于 2018-1-22 09:55:52 | 显示全部楼层
现在可以下载了!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|FineUI 官方论坛 ( 皖ICP备13005369号-1 )

GMT+8, 2019-6-27 09:56 , Processed in 0.072861 second(s), 28 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表