Vue based visual drag-and-drop editing, page generation tools

Last update: Jun 26, 2022

AS-Editor

Introduce

Vue based visual drag-and-drop editing, page generation tools. To improve front-end development efficiency, it can be integrated into mobile terminal projects as a UI interface generated directly by defining JSON.

The document address:https://was666.gitee.io/as-editor-doc

Online experience:http://was666.gitee.io/as-editor

Install the tutorial

  1. npm install (Install node_modules)
  2. npm run serve (run)
  3. npm run build (build)
  4. npm update (Used to update packages)

Directions for use

Using the tutorial

步骤1 步骤2 步骤3 步骤4 步骤5 步骤6

Custom Components
src / layout / home / index.vue                 // Edit page file
src / components / sliderassembly / index.vue   // Left component Daqo file
src / components / componentscom                // Left Component directory
src / components / rightslider                  // Component Directory on the Right
src / utils / componentProperties.js            // The component data

ComponentProperties(The component data)Field notes

{
  component: 'custommodule',    // The name of the phone component in the middle
  text: 'Custom modules',       // Component text description
  type: '1-14',                 // data-tpye
  active: true,                 // If the selected
  style: 'custommodulestyle',   // Name set for the component on the right
  setStyle: {}                  // Component dynamic data
}

The official ecological

Project Describe
AS-Editor
Vue2 version
As-editor based on Vue2
AS-Editor
Vue3 version
Vue3 based as-Editor
AS-Editor-H5 As-editor-h5 is a mobile Vue template that generates Vue pages from defined JSON

Participate in the contribution

  1. The Fork in this warehouse
  2. New Feat_ XXX branch
  3. Submit code
  4. New Pull Request

At the end

Give a star if you like
So if we have comments and questions we can bring up at LsSues, I'll answer them online

GitHub

https://github.com/qq9068149/AS-Editor
You might also like...

Tools to record times.

Tools to record times.

Introduction Release Technology Some role Todo More Introduction About this Project. Base on vue2.0 It's a web-apps that record your time. This idea w

May 4, 2022

Tools for creating roadmaps, roadmapping tool

z-roadmap Tools for creating roadmaps preview https://fancylife.github.io/z-roadmap/ quick start npm run dev npm run build License MIT Copyright (c) 2

Jan 5, 2022

一套java后端自动生成接口并支持用例测试的工具(Tools that run in an operational or development environment)

一套java后端自动生成接口并支持用例测试的工具(Tools that run in an operational or development environment)

apiface (一套由java开发的接口文档工具) Tools that run in an operational or development environment

Apr 22, 2022

DADT - Deniz AEM Dev Tools A alternative to AEM Chrome Plug-in

DADT - Deniz AEM Dev Tools A alternative to AEM Chrome Plug-in

DADT A alternative to AEM Chrome Plug-in Installation Download the production zip (aem-dev-tools-{version}-production.zip) from the release tab. And a

Oct 24, 2021

ClickHouse DataBase Manager Tools

DBM An awesome database management tool specified for ClickHouse. For more information: https://dbm.incubator.edurt.io. Contributors: Basic: Workflow:

Jun 29, 2022

Static website with tools running entirely on IPFS.

DreamLink DreamLink is a static website with tools running entirely on the decentralized P2P network: IPFS. There is no need to install an IPFS node o

Jun 1, 2022

F12+ FarmersWorld.io tools by AngelFarmers

 F12+ FarmersWorld.io tools by AngelFarmers

F12+ is a suite of tools for FarmersWorld game that help farm and trade.

May 24, 2022

A DDL Countdown tools for a SUFE SIMEr to track down CS conference in tenure track list

A DDL Countdown tools for a SUFE SIMEr to track down CS conference in tenure track list

A DDL ⏳ Countdown tools 🔧 for a SUFE SIMEr to track down CS conference in tenure track lists, which can retrieve conference through CCF and TierLevel rank 🎰 .

Apr 1, 2022

TweezeL Is A Free Tools For Creating Twine Games On Android.

TweezeL TweezeL Is A Free Tools For Creating Twine Games On Android. This Tools Build With VueJS 3 + Tailwind Css For Styling. Link Tools : https://tw

Apr 25, 2022
Enables creating databases based on files in Obsidian - like Dataview, but with editing!
Enables creating databases based on files in Obsidian - like Dataview, but with editing!

Obsidian Database Plugin Do you like Dataview plugin for Obsidian? This one is taking Dataview to next level, but not only allowing you to view the da

Jul 3, 2022
Create easy workflows for web scraping using the web and drag and drop features.

Create easy workflows for web scraping using the web and drag and drop features. Making scraping e

Mar 18, 2022
Flutter ARB is a web editor for creating and editing your .arb files needed for internationalising your Flutter applications.

Flutter ARB Editor Description This is a web editor for .arb files, which are required for internationalizing flutter applications using the official

May 17, 2022
A drag-and-drop mobile website builder base on Vue
A drag-and-drop mobile website builder base on Vue

Piper Live Demo A drag-and-drop mobile website builder base on Vue. Install npm install Config First of all,create a database piper in PostgreSQL, MyS

May 20, 2022
Vue component for easier editing of cron expressions.

vue-cron-editor VueCronEditor is a component library built with Vue allowing for easier editing of cron expressions. Demo https://karoletrych.github.i

Jun 16, 2022
A visualizer for pathfinding algorithms in 3D with maze generation, first-person view and device camera input.
A visualizer for pathfinding algorithms in 3D with maze generation, first-person view and device camera input.

Pathfinding Visualizer ThreeJS ?? Software Engineering Project Contest winner on AlgoExpert ?? A Visualizer for pathfinding algorithms in 3D. Live Dem

Jun 17, 2022
Register page, Login page and Contact list with Vue.js and Firebase
Register page, Login page and Contact list with Vue.js and Firebase

Register, Login and Contact list This is a personal study project. Only for study and reference. View project About Contact Joao Paulo C. M. Fricks jp

Mar 15, 2022
Create a pokedex web page containing pokemon listing, details and favorite pokemon page

pokedex-vue-assessment Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run

Jan 6, 2022
🎲 A curated list of MLOps projects, tools and resources
🎲 A curated list of MLOps projects, tools and resources

Curated list of useful MLOps projects, tools and resources. Visit at https://mlops.toys! Contribute We'd love your help! If we missed a project, pleas

Jun 26, 2022
✔ Useful dashboards, tailored checklists and tools for Final Fantasy XIV.
✔ Useful dashboards, tailored checklists and tools for Final Fantasy XIV.

XIV ToDo XIV ToDo provides useful dashboards, tailored checklists and tools for Final Fantasy XIV; whether you are a new player to the game or more ex

Jun 24, 2022