\ No newline at end of file
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.component.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.component.ts
new file mode 100644
index 00000000..7e30f3f6
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.component.ts
@@ -0,0 +1,190 @@
+import { Component, Input } from "@angular/core";
+import { TranslateService } from "@ngx-translate/core";
+const childProcess = require("child_process");
+const EventEmitter = require("events");
+const path = require("path");
+const app = require("electron").remote.app;
+const util = require("util");
+const debuglog = util.debuglog("app");
+import { remote } from "electron";
+import "../assets/sass/style.scss";
+import { CreateProjectParameters } from "./CreateProjectParameters";
+
+class MessageEmitter extends EventEmitter { }
+
+@Component({
+ selector: "app",
+ templateUrl: "app.component.html",
+ styleUrls: ["app.component.css"] ,
+})
+export class AppComponent {
+
+ @Input()
+ public parameters: CreateProjectParameters;
+ @Input()
+ public enableDatabase: any;
+ private language: string;
+ private eventEmitter: MessageEmitter;
+ private rootPath: string;
+ private isDataBaseChecking: boolean;
+
+ constructor(public translateService: TranslateService) {
+ this.language = app.getLocale();
+ this.rootPath = app.getAppPath();
+ this.parameters = new CreateProjectParameters();
+ this.parameters.ProjectType = "AspNetCore";
+ this.parameters.ORM = "NHibernate";
+ this.parameters.Database = "MSSQL";
+ this.isDataBaseChecking = false;
+ this.eventEmitter = new MessageEmitter();
+ this.enableDatabase = {
+ MSSQL: true,
+ MySQL: true,
+ SQLite: true,
+ PostgreSQL: true,
+ InMemory: true,
+ MongoDB: true,
+ };
+ }
+
+ ngOnInit() {
+ this.translateService.addLangs(["zh-CN", "en-US"]);
+ this.translateService.setDefaultLang("zh-CN");
+ this.translateService.use(this.language);
+
+ this.eventEmitter.on("error", (msg: string) => {
+ remote.dialog.showErrorBox("error", msg);
+ });
+ this.eventEmitter.on("info", (msg: string) => {
+ remote.dialog.showMessageBox({
+ type: "info",
+ title: "info",
+ message: msg ,
+ });
+ });
+ }
+
+ public createProject(): void {
+ const toolPath = this.findTools();
+ if (!toolPath) {
+ this.translateService.get("ToolsFoderFail", {}).subscribe((res: string) => {
+ this.eventEmitter.emit("error", res);
+ });
+ return;
+ }
+ const result = this.parameters.Check();
+ if (!result.isSuccess) {
+ this.translateService.get(result.msgPrefix, {}).subscribe((res: string) => {
+ debuglog(res);
+ this.eventEmitter.emit("error", res + (result.args ? result.args : ""));
+ });
+ return;
+ }
+
+ const commnad = this.createCommand(toolPath);
+ debuglog(commnad);
+
+ childProcess.exec(commnad,
+ (error: any, stdout: any) => {
+ if (error) {
+ this.eventEmitter.emit("error", "fail");
+ } else {
+ this.eventEmitter.emit("info", stdout);
+ }
+ });
+
+ }
+
+ public testConnection(): void {
+ if (!this.isDataBaseChecking) {
+ this.isDataBaseChecking = true;
+ try {
+ const utilPath = path.join(this.rootPath, "dist", "assets", "dbUtil", "DatabaseUtils.dll");
+ const commnad = "dotnet " + utilPath + " " + this.parameters.Database + " \"" + this.parameters.ConnectionString + "\"";
+ childProcess.exec(commnad,
+ (error: any, stdout: any, stderr: any) => {
+ if (error) {
+ debuglog(error);
+ debuglog(stderr);
+ // this.eventEmitter.emit("info", commnad);
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ this.eventEmitter.emit("error", res);
+ });
+ } else {
+ debuglog(stdout);
+ this.eventEmitter.emit("info", "success");
+ }
+ this.isDataBaseChecking = false;
+ });
+ } catch {
+ this.isDataBaseChecking = false;
+ }
+ }
+ }
+
+ public changeOrm(orm: string): void {
+ const invalidDatabases = this.parameters.AvailableDatabases[orm];
+ if (-1 === invalidDatabases.indexOf(this.parameters.Database)) {
+ this.parameters.Database = "";
+ }
+ const keys: string[] = [];
+ for (const m in this.enableDatabase) {
+ if (this.enableDatabase.hasOwnProperty(m)) {
+ keys.push(m);
+ }
+ }
+
+ keys.forEach((item) => {
+ this.enableDatabase[item] = false;
+ });
+
+ invalidDatabases.forEach((item: any) => {
+ this.enableDatabase[item] = true;
+ });
+ }
+
+ public pluginSelect(): void {
+ const selectFile = remote.dialog.showOpenDialog({ properties: ["openFile"] });
+ if (selectFile && selectFile.length > 0) {
+ this.parameters.UseDefaultPlugins = selectFile[0];
+ }
+ }
+
+ public outPutSelect(): void {
+ const selectFile = remote.dialog.showOpenDialog({ properties: ["openDirectory"] });
+ if (selectFile && selectFile.length > 0) {
+ this.parameters.OutputDirectory = selectFile[0];
+ }
+ }
+
+ private createCommand(toolPath: string): string {
+ let parametersStr = [
+ "--t=" + this.parameters.ProjectType,
+ "--n=" + this.parameters.ProjectName,
+ "--m=" + this.parameters.ORM,
+ "--b=" + this.parameters.Database,
+ "--c=" + "\"this.parameters.ConnectionString" + "\"",
+ "--o=" + this.parameters.OutputDirectory,
+ ].join(" ");
+ if (this.parameters.ProjectDescription) {
+ parametersStr += " " + "--d=" + this.parameters.ProjectDescription;
+ }
+ if (this.parameters.ProjectDescription) {
+ parametersStr += " " + "--u=" + this.parameters.UseDefaultPlugins;
+ }
+
+ toolPath = path.join(toolPath, "ProjectCreator.Cmd.NetCore", "ZKWeb.Toolkits.ProjectCreator.Cmd.dll");
+ return "dotnet " + toolPath + " " + parametersStr;
+
+ }
+
+ private findTools(): string {
+ const folders = this.rootPath.split(path.sep);
+ const index = folders.indexOf("Tools");
+ if (index !== -1) {
+ return folders.slice(0, index + 1).join(path.sep);
+ }
+ return "";
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.module.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.module.ts
new file mode 100644
index 00000000..ef59559e
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/app.module.ts
@@ -0,0 +1,37 @@
+import { HttpClient, HttpClientModule } from "@angular/common/http";
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { HttpModule} from "@angular/http";
+import { BrowserModule } from "@angular/platform-browser";
+import { TranslateLoader, TranslateModule} from "@ngx-translate/core";
+import { TranslateHttpLoader } from "@ngx-translate/http-loader";
+import { AppComponent } from "./app.component";
+
+export function createTranslateHttpLoader(http: HttpClient) {
+ return new TranslateHttpLoader(http, "./assets/i18n/", ".json");
+}
+@NgModule({
+ imports: [
+ BrowserModule,
+ HttpModule,
+ HttpClientModule,
+ FormsModule,
+ TranslateModule.forRoot({
+ loader: {
+ provide: TranslateLoader,
+ useFactory: (createTranslateHttpLoader),
+ deps: [HttpClient],
+ },
+ }) ,
+ ],
+ declarations: [
+ AppComponent,
+ ],
+ providers: [
+ ],
+ bootstrap: [AppComponent],
+})
+
+export class AppModule {
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/baseConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/baseConnection.ts
new file mode 100644
index 00000000..0e47ab20
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/baseConnection.ts
@@ -0,0 +1,13 @@
+
+export interface IBaseConnection {
+
+ ip: string;
+ port: number;
+ user: string;
+ password: string;
+ connectionString: string;
+
+ parser(): void;
+ testConnect(messageEvent: any): void;
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mongoConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mongoConnection.ts
new file mode 100644
index 00000000..94bc4c2e
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mongoConnection.ts
@@ -0,0 +1,30 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IBaseConnection } from "./baseConnection";
+const MongoClient = require("mongodb").MongoClient;
+
+export class MongoConnection implements IBaseConnection {
+
+ public ip: string;
+ public port: number;
+ public user: string;
+ public password: string;
+ public connectionString: string;
+
+ constructor(public translateService: TranslateService, connectonString: string) {
+ this.connectionString = connectonString;
+ }
+ parser(): void {
+ }
+ testConnect(messageEvent: any): void {
+ MongoClient.connect(this.connectionString, (err: any) => {
+ if (err) {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ } else {
+ messageEvent.emit("info", "success");
+ }
+ });
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/msSqlConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/msSqlConnection.ts
new file mode 100644
index 00000000..fa57fb7f
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/msSqlConnection.ts
@@ -0,0 +1,60 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IBaseConnection } from "./baseConnection";
+const sql = require("mssql");
+
+export class MsSqlConnection implements IBaseConnection {
+
+ public ip: string;
+ public port: number;
+ public user: string;
+ public password: string;
+ public connectionString: string;
+
+ constructor(public translateService: TranslateService, connectonString: string) {
+ this.connectionString = connectonString;
+ }
+ /**
+ *
+ * @param connectonString Data Source=server;Initial Catalog=db;User ID=test;Password=test;
+ */
+ parser(): void {
+ const phrases = this.connectionString.toLowerCase().split(";");
+ const config = {};
+ for (const phrase of phrases) {
+ if (phrase) {
+ const kv = phrase.split("=");
+ config[kv[0].trim()] = kv[1].trim();
+ }
+ }
+ this.ip = config["data source"];
+ this.port = config["port"] ? parseInt(config["port"], 10) : 1433;
+ this.user = config["user id"];
+ this.password = config["password"];
+ }
+
+ testConnect(messageEvent: any): void {
+ try {
+ sql.connect({
+ user: this.user,
+ password: this.password,
+ server: this.ip,
+ port: this.port.toString(),
+ }, (err: any) => {
+ if (err) {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ } else {
+ messageEvent.emit("info", "success");
+ }
+ sql.close();
+ });
+ } catch {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ sql.close();
+ }
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mysqlConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mysqlConnection.ts
new file mode 100644
index 00000000..757f2b17
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/mysqlConnection.ts
@@ -0,0 +1,60 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IBaseConnection } from "./baseConnection";
+const mysql = require("mysql");
+
+export class MySqlConnection implements IBaseConnection {
+
+ public ip: string;
+ public port: number;
+ public user: string;
+ public password: string;
+ public connectionString: string;
+
+ constructor(public translateService: TranslateService, connectonString: string) {
+ this.connectionString = connectonString;
+ }
+
+ parser(): void {
+ const phrases = this.connectionString.toLowerCase().split(";");
+ const config = {};
+ for (const phrase of phrases) {
+ if (phrase) {
+ const kv = phrase.split("=");
+ config[kv[0].trim()] = kv[1].trim();
+ }
+ }
+ this.ip = config["server"];
+ this.port = config["port"] ? parseInt(config["port"], 10) : 3306;
+ this.user = config["user"];
+ this.password = config["password"];
+ }
+
+ testConnect(messageEvent: any): void {
+ let connection: any = null;
+ try {
+ connection = mysql.createConnection({
+ host: this.ip,
+ port: this.port.toString(),
+ user: this.user,
+ password: this.password,
+ });
+
+ connection.connect({}, (err: any) => {
+ if (err) {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ } else {
+ messageEvent.emit("info", "success");
+ }
+ connection.destroy();
+ });
+ } catch {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ connection.destroy();
+ }
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/postgreSQLConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/postgreSQLConnection.ts
new file mode 100644
index 00000000..08891edb
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/postgreSQLConnection.ts
@@ -0,0 +1,41 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IBaseConnection } from "./baseConnection";
+const util = require("util");
+const debuglog = util.debuglog("postgreSQL");
+export class PostgreSQLConnection implements IBaseConnection {
+
+ public user: string;
+ public password: string;
+ public connectionString: string;
+ public ip: string;
+ public port: number;
+ public db: string;
+
+ constructor(public translateService: TranslateService, connectonString: string) {
+ this.connectionString = connectonString;
+ }
+ /**
+ *
+ * @param connectonString PORT=5432;DATABASE=Demo;HOST=localhost;PASSWORD=root;USER ID=postgres
+ */
+ parser(): void {
+ const phrases = this.connectionString.toLowerCase().split(";");
+ const config = {};
+ for (const phrase of phrases) {
+ if (phrase) {
+ const kv = phrase.split("=");
+ config[kv[0].trim()] = kv[1].trim();
+ }
+ }
+ this.ip = config["host"];
+ this.port = config["port"] ? parseInt (config["port"], 10) : 5432;
+ this.user = config["user id"];
+ this.password = config["password"];
+ this.db = config["database"];
+ }
+
+ testConnect(messageEvent: any): void {
+ debuglog(messageEvent);
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/sqlLiteConnection.ts b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/sqlLiteConnection.ts
new file mode 100644
index 00000000..c28e0803
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/app/dataBaseConnection/sqlLiteConnection.ts
@@ -0,0 +1,42 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IBaseConnection } from "./baseConnection";
+const fs = require("fs");
+
+export class SqlLiteConnection implements IBaseConnection {
+
+ public ip: string;
+ public port: number;
+ public user: string;
+ public password: string;
+ public connectionString: string;
+
+ constructor(public translateService: TranslateService, connectonString: string) {
+ this.connectionString = connectonString;
+ }
+ /**
+ *
+ * @param connectonString Data Source=server;Initial Catalog=db;User ID=test;Password=test;
+ */
+ parser(): void {
+ const phrases = this.connectionString.toLowerCase().split(";");
+ const config = {};
+ for (const phrase of phrases) {
+ if (phrase) {
+ const kv = phrase.split("=");
+ config[kv[0].trim()] = kv[1].trim();
+ }
+ }
+ this.ip = config["data source"];
+ }
+
+ testConnect(messageEvent: any): void {
+ if (fs.existsSync(this.ip)) {
+ this.translateService.get("dataBaseTestFail", {}).subscribe((res: string) => {
+ messageEvent.emit("error", res);
+ });
+ } else {
+ messageEvent.emit("info", "success");
+ }
+ }
+
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/en-US.json b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/en-US.json
new file mode 100644
index 00000000..9194a5da
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/en-US.json
@@ -0,0 +1,31 @@
+{
+ "projectType": "Project Type(Require):",
+ "projectTypeTip": "Asp.Net Core is recommended for new projects ",
+ "projectName": "Project Name(Required):",
+ "projectNameTip": "Also be the namespace, please don't use special characters",
+ "projectDescription": "Description:",
+ "orm": "ORM(Required):",
+ "ormTip": "NHibernate is most powerful but you may want EFCore for better .net core support",
+ "dataBase": "Database(Required):",
+ "dataBaseTip": "Just choose one you preferred",
+ "connectionString": "Connection String(Required):",
+ "connectionStringTip": "You can click 'Test' to verify the connection string is valid",
+ "testConnection": "Test",
+ "browser": "Browse",
+ "useDefaultPlugin": "Use Default Plugins:",
+ "useDefaultPluginTip": "Default plugins contains many features, but for now only NHibernate can use all of them",
+ "outPutFolder": "Output Directory(Required):",
+ "outPutFolderTip": "Project will be created here",
+ "create": "Create Project",
+ "ConnectionStringCantBeEmpty": "Connection string can't be empty",
+ "DatabaseMustBeOneOf": "Database must be one of ",
+ "DetectTemplatesDirectoryFailed": "Detect templates directory failed",
+ "ORMMustBeOneOf": "ORM must be one of",
+ "OutputDirectoryCantBeEmpty": "Output directory can't be empty",
+ "ProjectNameCantBeEmpty": "Project name can't be empty",
+ "ProjectTypeMustBeOneOf": "Project type must be one of ",
+ "ThisPluginCollectionOnlySupportTheseORM": "This plugin collection only support these ORM:",
+ "dataBaseTestFail":"fail to connect dataBase",
+ "ToolsFoderFail":"unable to find Tools foder",
+ "notValidConnectionString":"Invalid ConnectionString"
+}
\ No newline at end of file
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/zh-CN.json b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/zh-CN.json
new file mode 100644
index 00000000..6e094737
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/i18n/zh-CN.json
@@ -0,0 +1,31 @@
+{
+ "projectType":"项目类型(必填)：",
+ "projectTypeTip": "推荐新项目使用Asp.Net Core",
+ "projectName":" 项目名称(必填)：",
+ "projectNameTip":"同时会作为命名空间, 请勿使用特殊字符",
+ "projectDescription":" 项目描述：",
+ "orm":"Orm(必填)",
+ "ormTip":"NHibernate功能最强大, 但您可能需要选EFCore以更好的支持.Net Core",
+ "dataBase":"数据库(必填)",
+ "dataBaseTip":"选一个你觉得最好的",
+ "connectionString":"连接字符串(必填)",
+ "connectionStringTip":"你可以点击'测试'检查连接字符串是否正确",
+ "testConnection":"测试",
+ "browser":"浏览",
+ "useDefaultPlugin":"使用默认插件",
+ "useDefaultPluginTip":"默认插件包含了很多功能, 但目前只有NHibernate可以使用全部",
+ "outPutFolder":"输出文件夹（必填）",
+ "outPutFolderTip":"项目会在这个文件夹下创建",
+ "create":"创建",
+ "ConnectionStringCantBeEmpty": "连接字符串不能为空",
+ "DatabaseMustBeOneOf": "数据库必须是这些的其中之一: ",
+ "DetectTemplatesDirectoryFailed": "检测项目模板目录失败",
+ "ORMMustBeOneOf": "ORM必须是这些的其中之一:",
+ "OutputDirectoryCantBeEmpty": "输出目录不能为空",
+ "ProjectNameCantBeEmpty": "项目名称不能为空",
+ "ProjectTypeMustBeOneOf": "项目类型必须是这些的其中之一:",
+ "ThisPluginCollectionOnlySupportTheseORM": "这个插件集只支持这些ORM:" ,
+ "dataBaseTestFail":"数据库连接失败",
+ "ToolsFoderFail":"无法探测到Tools文件夹",
+ "notValidConnectionString":"连接字符串错误"
+}
\ No newline at end of file
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.icns b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.icns
new file mode 100644
index 00000000..caca1c8b
Binary files /dev/null and b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.icns differ
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.ico b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.ico
new file mode 100644
index 00000000..0445d069
Binary files /dev/null and b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/icon.ico differ
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/images/.gitkeep b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/images/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap-custom.scss b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap-custom.scss
new file mode 100644
index 00000000..26d0818e
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap-custom.scss
@@ -0,0 +1 @@
+$grid-gutter-width-base: 10px !default;
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap.scss b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap.scss
new file mode 100644
index 00000000..c09d20e0
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/_bootstrap.scss
@@ -0,0 +1,42 @@
+/*!
+ * Bootstrap v4.0.0-beta (https://getbootstrap.com)
+ * Copyright 2011-2017 The Bootstrap Authors
+ * Copyright 2011-2017 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+ // Comment out the files you don't need
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "print";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/style.scss b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/style.scss
new file mode 100644
index 00000000..7a849dab
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/assets/sass/style.scss
@@ -0,0 +1,7 @@
+@import 'bootstrap-custom';
+@import 'bootstrap';
+
+html, body {
+ height: 100%;
+ margin: 0;
+}
diff --git a/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/index.html b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/index.html
new file mode 100644
index 00000000..3d40679a
--- /dev/null
+++ b/ZKWeb.Toolkits/ZKWeb.Toolkits.ProjectCreator.Crossplatform.Gui/src/index.html
@@ -0,0 +1,10 @@
+
+
+
+