【Slickflow学习】.NET开源工作流环境搭建(三)

时间:2022-04-17 07:20:23

第一次自己写博客文章,大家多多指教。写博客主要记录一下学习的过程,给初学者提供下参考,也留给自己做备忘。

Slickflow .NET开源工作流-环境搭建

在VS2010中使用附加进程的方式调试IIS中的页面,请参考如下页面:

http://www.cnblogs.com/minesky/p/3389955.html

这篇文章中也写明了如何搭建IIS、发布网站,不明白的话,可以参考下。

上篇文章中已经介绍了如何在VS2010中打开该开源代码,下面继续说一下数据库生成、网站发布、部署。如果你有VS2013,步骤也是一样的,就用不到转成VS2010版本了。

1、数据库生成

打开SQL2005数据库(其他的版本也一样),新建一个空数据库,命名为WfDB,打开源代码中database目录下的wfdb20150602.sql脚步,直接运行,即可在数据库中生成相关的表、视图、存储过程。如下图:

【Slickflow学习】.NET开源工作流环境搭建(三)

官方提供的数据库脚本中日期类型,写成了date,在脚本执行过程中会报错,可以改成datetime即可。

2、网站发布

在D盘建立目录WEB,以后将网站发布到这个目录。里面创建目录分别为Demo、SfApi、sfd、xml。如下图

【Slickflow学习】.NET开源工作流环境搭建(三)

其中xml目录使用源代码中的xml目录。

下面分别将Slickflow.WebDemo发布到Demo目录;Slickflow.WebApi发布到SfApi目录;Slickflow.Designer发布到sfd目录。如何发布?

3、网站部署

打开Demo目录下的web.config文件,配置数据库参数以及xml路径。如下:

<?xml version="1.0"?>

<!--

有关如何配置 ASP.NET 应用程序的详细信息,请访问

http://go.microsoft.com/fwlink/?LinkId=169433

-->

<configuration>

<system.web>

<compilation debug="true" targetFramework="4.0"/>

<httpRuntime targetFramework="4.0"/>

</system.web>

<connectionStrings>

<add name="WfDBConnectionString" connectionString="Data Source=127.0.0.1,2005;Initial Catalog=WfDB;Integrated Security=False;User ID=sa;Password=sa123;Connect Timeout=15;Encrypt=False;TrustServerCertificate=False" providerName="System.Data.SqlClient"/>

</connectionStrings>

<appSettings>

<add key="WorkflowFileServer" value="d:\\WEB\\xml\\"/>

</appSettings>

</configuration>

删除SfApi目录下web.config。

打开"Internet 信息服务(IIS)管理器",右键添加网站,目录选择Demo,如下图:

【Slickflow学习】.NET开源工作流环境搭建(三)【Slickflow学习】.NET开源工作流环境搭建(三)

应用程序是使用.NET 4.0如下图

【Slickflow学习】.NET开源工作流环境搭建(三)

下面添加流程设计器和WEBAPI,选中网站,右键添加应用程序,别名分别为SfApi、sfd。如下图(别名一定要使用SfApi)

【Slickflow学习】.NET开源工作流环境搭建(三)【Slickflow学习】.NET开源工作流环境搭建(三)

至此网站部署完毕。下面打开下面网站,看是否正常工作:

http://localhost:8088/login.aspx

【Slickflow学习】.NET开源工作流环境搭建(三)

【Slickflow学习】.NET开源工作流环境搭建(三)

【Slickflow学习】.NET开源工作流环境搭建(三)

【Slickflow学习】.NET开源工作流环境搭建(三)

http://localhost:8088/sfd/

【Slickflow学习】.NET开源工作流环境搭建(三)

直接使用官方下载下来的代码发布后,在这个界面的新建按钮,无法新建流程。经过在官网QQ群请教,可以修改下面文件即可新建。新建方法是,先录入流程名称等内容,然后点击新建,提示成功后,点击关闭,再次打开即可看到新建的流程。

\Slickflow.Designer\AppJS\processlist.js

processManager.createProcess = function () {

var entity = {

"ProcessName": $("#txtProcessName").val(),

"XmlFileName": $("#txtProcessFileName").val(),

"AppType": $("#txtAppType").val(),

"Version": 1,

"Description": $("#txtDescription").val()

};

结束

部署成功后,就可以先体验下功能了。Slickflow.WebDemo工程也很简单,可以从这里入手,学习这个开源工作流组件了。

祝大家部署成功。

您如果觉得对自己有用,请点个推荐O(∩_∩)O哈!↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓