页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

  1. Python v3.8.2:https://www.python.org/downloads/
    1. 安装后记得把pip添加进来,运行pip3 install pyyaml安装yaml的扩展包。
  2. JDK v11:https://www.oracle.com/java/technologies/javase-jdk11-downloads.html
    1. 安装完成之后,需要在系统中明确设置JAVA_PATH环境变量,指向JDK的位置,注意!不要指向JRE所在文件夹的位置。
  3. Maven v3.6.3:https://maven.apache.org/download.cgi
    1. 安装完成之后,需要在path中设置maven的bin目录
  4. Node v12.16.1:https://nodejs.org/zh-cn/download/
    1. 现在看node最省心,不要额外设置什么
  5. Git:https://git-scm.com/downloads
    1. 方便是进行版本控制

开发环境使用VS.Code

  1.  VS.Code:https://code.visualstudio.com/download,安装完成后需要在VS.Code中下载如下3个扩展包,用于帮助开发调试:
    1. Java Extension Pack:用于进行JAVA程序的调试Pack for Java:用于进行JAVA程序的调试
    2. Spring Boot Extension Pack:进行DWF后端SpringBoot工程的调试
    3. Vue VS Code Extension Pack:用于进行前端代码调试

...

2.1 SDK的核心代码目录结构

  文件夹简要介绍如下:

分类名称语言功能

前端工程

app-web

JavaScript

应用前端app-web的工程,构建后产生app-web的war包,可以部署在tomcat服务器或者其它web服务器

modeler-web

JavaScript

建模工具modeler-web的工程,构建后产生modeler-web的war包,可以部署在tomcat服务器或者其它web服务器

app-moblieJavaScript手机应用前端app-mobile工程,构件以后产生手机端H5页面的war包,可以部署在tomcat服务器或者其它web服务器

后端工程


dwf-app

Java

支持应用前端的jar包,构建后产生app.jar,通过java 启动,发布对象访问的restful api

dwf-modeler

Java

支持建模工具的jar包,构建后产生modeler.jar,通过java 启动,发布模型服务的restful api

dwf-common

Java

所有对外服务的公共代码

辅助脚本

scripts

Python, JavaScript, SQL

用于初始化数据库,打包代码的脚本

代码包

dwf-part-allJavaScript, Java所有扩展代码集中的位置,可以包含多个扩展包,每一个扩展包内部可以对前后端分别进行编程。

...

信息

注意,初始化数据库后及时修改后端的数据库连接文件:

  • dwf-modeler\src\main\resources\application.properties
  • dwf-app\src\main\resources\application.properties

指向本地数据库。

4  建立后端开发环境

4.1 启动后端并编译

默认情况下SDK解压之后,直接在vsSDK解压之后,直接在vs.code里打开终端,进入scripts文件夹,启动codeAssemblyScripts.sh,即可启动自动编译生成依赖的工作,此时maven会根据pom.xml安装依赖包并且编译。code里打开终端,进入scripts文件夹,启动codeAssemblyScripts.sh,即可启动自动编译生成依赖的工作,此时会自动安装本地包,并且让maven根据pom.xml安装依赖包并且编译。


代码块
cd scripts
./codeAssemblyScripts.sh


Image Added

在codeAssemblyScripts.sh执行完毕以后,如果希望仅仅调试dwf-app或者dwf-modeler,则进入目录下运行mvn clean install即可。

...