soxueren / vue-jdlstudio

jdlstudio for Vue , JDL Studio is an online JHipster Domain Language visual editor

vue-jdlstudio

jdlstudio for Vue , JDL Studio is an online JHipster Domain Language visual editor

JDL-Studio

Hello, this is JDL-Studio with Vue, an online tool for drawing UML diagrams for JHipster based on the JDL syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings.

• Vue
• ElementUI
• nomnoml
• dagre
• lodash
• Jquery
• codemirror
• solarized
• Linearicons

Features

• 官方版基本功能移植到 vue-jdlstudio 组件
• 增加 JDLObject 表单编辑器组件
• 移植 jhipster-Online 前端功能到执行器组件
• 移植 Jhipster-Online 后端服务到 nodejs

Build

npm run build-bundle

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Customize configuration

See Configuration Reference.

vue-jdlstudio's Issues

Great project !

Congrats @soxueren for this project. It looks really nice. I think this could even replace the official jdl studio in the future as it is no longer developed.
What are your planned features ?

feature-adminform

1、应用管理表单
2、实体管理表单
3、其它项管理表单

Enable Github Pages for this repo

Hi @soxueren,
Currently there is no public website where you can see vue-jdlstudio in action.
I think it would be easy to set up using github pages with the following steps:

1. Set up a npm script called deploy which uses https://github.com/tschaub/gh-pages to deploy the dist/ build to the gh-pages branch
2. Set up Github Pages in repository settings: https://help.github.com/en/articles/configuring-a-publishing-source-for-github-pages#enabling-github-pages-to-publish-your-site-from-master-or-gh-pages
3. When doing a release, also run npm deploy to publish Github pages

If you need help to set it up, I can do a PR to your repo.