FineUI入门1-环境配置
1.简介
ASP.NET UI 控件库,使开发人员在不了解JavaScript和ExtJS的情况下,快速开发出漂亮的Web 2.0应用.
FineUI
相关网站:FineUI官网,FineUI文档,FineUI范例
2.下载软件
2.Extjs 4.2.1下载,Extjs 6.2.0下载 参考 EXTJS下载地址。下载的源码中有两个版本,4.2.1和6.1.0,本教程使用4.2.1版本。
在默认和v6目录内,都有一个FineUI.Examples\extjs_builder目录,查看version.txt可得知版本。
3.生成extjs
FineUI严格遵守 ExtJS 关于开源软件的规则,不再内置 ExtJS 库,因此需要自己生成。
-
FineUI的源码解压,进入FineUI-master\FineUI.Examples\extjs_builder目录,新建extjs_source_all目录
-
Extjs4.2.1解压,得到ext-4.2.1.883目录,将目录下的所有内容复制到extjs_source_all目录
-
执行extjs_builder目录下的build.bat
-
在FineUI.Examples目录下就会生成extjs目录
-
将生成的extjs copy到根目录,ctrl+c复制extjs目录后,选中FineUI.Examples工程,ctrl+v即可
打开项目的时候,如果本机没有安装.netframwork2.0会提示需要转换,确定转换即可
4.跑通范例
4.1.修改web.config文件
双击FineUI.Examples工程的Web.config文件进行编辑,找到pages节点,有提示,对于Net4.0以上的项目要修改pages节点属性。
4.2.设置启动项目
将FineUI.Examples设为启动项目
4.3.运行
4.4.得到如下界面
看到如下界面,恭喜你,成功跑通了
5.发布范例
5.1.打开IIS
以管理员身份打开CMD,输入以下命令
Start /w pkgmgr /iu:IIS-WebServerRole;IIS-WebServer;IIS-CommonHttpFeatures;IIS-StaticContent;IIS-DefaultDocument;IIS-DirectoryBrowsing;IIS-HttpErrors;IIS-ApplicationDevelopment;IIS-ASPNET;IIS-NetFxExtensibility;IIS-ISAPIExtensions;IIS-ISAPIFilter;IIS-HealthAndDiagnostics;IIS-HttpLogging;IIS-LoggingLibraries;IIS-RequestMonitor;IIS-Security;IIS-RequestFiltering;IIS-HttpCompressionStatic;IIS-WebServerManagementTools;IIS-ManagementConsole;WAS-WindowsActivationService;WAS-ProcessModel;WAS-NetFxEnvironment;WAS-ConfigurationAPI
执行结束之后,查看IIS打开情况
控制面板---》程序---》程序和功能---》启用或关闭Windows功能---》Internet Information Services
把ASP.NET 4.8勾选上(不知道为啥命令行没有勾选上)
等应用完更改后,点击关闭按钮,在浏览器输入http://localhost看到IIS欢迎页表示打开成功。
5.2.发布
5.2.1.发布
右键FineUI.Examples---》发布
指定配置文件名字(具体没有仔细研究)
发布方式选择文件系统并指定目录位置
此页面无需修改(没有仔细研究)
发布即可
5.2.2.添加网站
控制面板---》系统和安全---》管理工具---》Internet Information Services (IIS) Manager
5.2.3.修改应用程序池托管模式
如果不修改,在5.2.2添加网站后访问报如下截图错误
解决方法,应用程序池---》找到应用---》基本设置----》托管管道模式
参考:HTTP 错误 500.22 - Internal Server Error
其实在范例里面也有提示
6.其他
6.1.v6版本跑通范例
v6版本跑通范例和v4基本相同,但有一点儿需要注意,跑的时候会报错
直接在项目里面右键把这个WebFrom1.aspx删除即可
6.2.部署的范例看不到cs源码
部署范例后,查看源代码,aspx代码可以看到,但是aspx.cs的源码
这是因为发布后,cs文件就没有了,解决方法是把生成的FineUI.Examples整个工程目录作为网站发布即可。