今天给大家分享一个挺有创意的小程序DIY自由设计模板。

项目概述

• 项目分为页面、模块、组件三个部分，可同时保存多个页面，可新建页面，可自由拖动模块至页面，模块可以复制，上下移动，可设置模块字体，背景，文字，图片，连接，样式等属性。

各位同学，大家好。前面课程教大家使用ECharts来开发可视化图表。从本次课开始，我们介绍在VUE前端框架下，开发可视化图表的方法。

01 什么是VUE？

vue是一个构建用户界面UI的渐进式javascript框架，渐进式的框架是指可以一步一步的由浅入深的去使用这个框架，该框架可以逐步引入项目。

Django 是一个开源的 Web 应用框架，由 Python 写成。采用了 MTV 的框架模式，即模型 M，视图 V 和模版 T。它最初是被用来开发 CMS 软件的，所以 Django 很适合用来搭建内容类网站，它的设计目的是使常见的 Web 开发任务变得快速而简单。

在本文中，我们将探讨一些最常见的vue js组件。你可以收藏一波。

Vue Tables-2

d2-admin

★star7.1k

功能介绍：使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧边栏、Fontawesome图标库、数字动画等等…

介绍

vee-validate是Vue.js的基于模板的验证框架，可以验证输入并显示错误。基于模板，只需为每个输入值更改时指定应使用哪种验证器。系统会在支持40多种语言环境的情况下自动生成错误。现成的规则很多。该插件的灵感来自PHP Framework Laravel的验证！这个组件总结为一句话就是：在前端验证里面实现了 laravel 的表单验证，这种实现是指，语法和思想的实现！

• 简单

Vue 是一个轻量且灵活的 JavaScript 框架，广受开发者喜爱，因其简单易用的 API 和组件化的开发方式而闻名。Vite 是一个现代化的前端构建工具，以其极快的开发服务器启动速度和热模块替换（HMR）功能受到关注。结合 Vue 和 Vite，我们可以快速搭建一个高性能的电商前端应用。本文将探讨如何使用 Vue 和 Vite 构建一个简单的电商（Shop）应用，并提供一个基础示例代码。

演示地址：