FineUI入门1-环境配置

1.简介

ASP.NET UI 控件库,使开发人员在不了解JavaScript和ExtJS的情况下,快速开发出漂亮的Web 2.0应用.

FineUI

相关网站:FineUI官网FineUI文档FineUI范例

2.下载软件

1.FineUI开源版下载

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 的 ExtJS 库

  1. FineUI的源码解压,进入FineUI-master\FineUI.Examples\extjs_builder目录,新建extjs_source_all目录

  2. Extjs4.2.1解压,得到ext-4.2.1.883目录,将目录下的所有内容复制到extjs_source_all目录

  3. 执行extjs_builder目录下的build.bat

  4. 在FineUI.Examples目录下就会生成extjs目录

  5. 将生成的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整个工程目录作为网站发布即可。

posted @ 2024-04-18 17:46  monkey6  阅读(6)  评论(0编辑  收藏  举报