前端组件

开发工具 1.Eclipse IDE：采用Maven项目管理，模块化。 2.代码生成：通过界面方式简单配置，自动生成相应代码，目前包括三种生成方式（增删改查）：单表、一对多、树结构。生成后的代码如果不需要注意美观程度，生成后即可用。 技术选型（只列了一部分技术） 1、后端 服务框架：Dubbo、zookeeper、Rest服务 缓存：Redis、ehcache 消息中间件：ActiveMQ 负载均衡：Nginx 分布式文件：FastDFS 框架简介--主要定位于互联网企业架构，已内置企业信息化系统的基础功能和高效的代码生成工具，包括：系统权限组件、数据权限组件、数据字典组件、核心工具 组件、视图操作组件、工作流组件组件、代码生成等。采用分层设计、双重验证、提交数据安全编码、密码加密、访问验证、数据权限验证。平台简介 是一个分布式的框架，提供项目模块化、服务化、热插拔的思想，高度封装安全性的Java EE快速开发平台。 本身集成Dubbo服务管控、Zookeeper注册中心、Redis分布式缓存技术、FastDFS分布式文件系统、ActiveMQ异步消息中间件、Nginx负载均衡等分布式技术 使用Maven做项目管理，项目模块化，提高项目的易开发性、扩展性 以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache

开发工具 1.Eclipse IDE：采用Maven项目管理，模块化。 2.代码生成：通过界面方式简单配置，自动生成相应代码，目前包括三种生成方式（增删改查）：单表、一对多、树结构。生成后的代码如果不需要注意美观程度，生成后即可用。 技术选型（只列了一部分技术） 1、后端 服务框架：Dubbo、zookeeper、Rest服务 缓存：Redis、ehcache 消息中间件：ActiveMQ 负载均衡：Nginx 分布式文件：FastDFS 框架简介--主要定位于互联网企业架构，已内置企业信息化系统的基础功能和高效的代码生成工具，包括：系统权限组件、数据权限组件、数据字典组件、核心工具 组件、视图操作组件、工作流组件组件、代码生成等。采用分层设计、双重验证、提交数据安全编码、密码加密、访问验证、数据权限验证。平台简介 是一个分布式的框架，提供项目模块化、服务化、热插拔的思想，高度封装安全性的Java EE快速开发平台。 本身集成Dubbo服务管控、Zookeeper注册中心、Redis分布式缓存技术、FastDFS分布式文件系统、ActiveMQ异步消息中间件、Nginx负载均衡等分布式技术 使用Maven做项目管理，项目模块化，提高项目的易开发性、扩展性 以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache

对于一个在小公司工作的人来说，没有美工，所有的前后端工作都由你一个人完成，选择一个好用的前端框架可以起到事半功备的效果。前面一直用的easyui开发，用的过程中始终不是很满意，后来一个新项目，由于新项目是一个不大的项目，而且界面要求美观，所以决定抛弃easyui，选择一个新的框架，经过多翻比较，最终选择了Bootstrap，这是一个自适应框架，非常适合多平台浏览，PC，平板、手机。 下面是我用该框架做的一个网帖翻译和评论翻译网站： www.wmksj.com Bootstrap 官网: https://getbootstrap.com/ 下拉列表组件： https://select2.org/ 表格组件： http://bootstrap-table.wenzhixin.net.cn 弹出框组件： http://nakupanda.github.io/bootstrap3-dialog 日期组件： https://github.com/uxsolutions/bootstrap-datepicker 日期时间组件： https://www.malot.fr/bootstrap-datetimepicker/ 日期范围组件： http://www.daterangepicker.com 文章来源: 好用的前端开发框架

Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 特性 50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的中英文文档和示例 babel-plugin-import 支持 TypeScript 支持 SSR 组件中文文档地址：https://youzan.github.io/vant/#/zh-CN/intro 1、创建VUE项目之后进入项目目录运行安装命令： npm i vant -S 2、安装 babel-plugin-import 插件，babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式 npm i babel-plugin-import -D 3、在.babelrc文件中配置plugins（插件） "plugins": [ "transform-vue-jsx", "transform-runtime", ["import", [{ "libraryName": "vant", "style": true }]] ], <script> import { Loading } from 'vant' export default { components: { [Loading.name]: Loading } } <

原文地址为： Ant Design 使用小结 最近公司做了一个系统，因为页面涉及的表单交互非常多，如果使用之前的 Node + Express 的开发模式效率是非常低的，因此经过考虑，最后决定使用 Node + React 的开发模式，并且使用了蚂蚁金服出品的开源框架 Ant Design。 正如Ant Design 官方介绍： "在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。" 在这次开发的项目中，因为数据交互非常频繁，大量的表单、时间选择器、表格、单选多选框，以及各种标识状态的组件，如果光靠手写或者使用 jQuery 插件，其开发的工作量仍然是相当大的，因此，Ant Design "经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。" 在这里主要就项目中使用到的主要的组件以及遇到的一些坑进行总结，也是对这个项目开发的一个简单的梳理。 项目开发中主要用到的组件： Button、Icon、Row/Col、BackTop、Pagination、 Tabs 、Checkbox、 Cascader 、 Form 、 Rate、 Select 、 Modal 、

转自：http://www.cnblogs.com/jiqing9006/p/5086092.html layer： 功能强大，实用，操作方便，文档齐全。 http://www.layui.com/doc/modules/layer.html 常用功能代码： <! doctype html > < html > < head > < meta charset ="utf-8" > < title > layer-更懂你的web弹窗解决方案 </ title > < script src ="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" ></ script > < script src ="layer/layer.js" ></ script > < script src ="layer/extend/layer.ext.js" ></ script > </ head > < body > < script > function func1() { layer.alert( ' 内容 ' ); } function func2() { layer.alert( ' 内容 ' , { icon: 1 , skin: ' layer-ext-moon ' // 该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则

本文转载于: Գ2048 https://www.mk2048.com/blog/blog.php?id=h2k2achjjb 目前，市面上主流的Vue组件库大概就是iview, element。 当然，heyui不在范围内，38个star屈指可数，大部分还是认识的同事。 更可恶的还是骗不来后端同学的star，心塞。 Github 官网： http://www.heyui.top 关于对比 对比呢，我总共出了几个纬度： 入门方式 功能 组件调用 项目大小与依赖 使用率 入门方式 按需加载 element，iview都支持按需加载。 heyui不支持。 关于支不支持按需加载，思考了很久。 也许element, iview还可以，但是如果heyui拆分组件使用，整体优势不大，后面我再介绍。 样式自定义 其实，这里三个组件都是差不多的。 element使用scss，iview和heyui使用less，使用变量覆盖的方式就可以了。 element提供了一个主题生成的工具，对应iview也有一个，但是这是一开始的方式了，现在大家都是推荐变量覆盖的方式。 这里，我就要推荐我们的脚手架 hey-cli ，我把这些变量不是采用覆盖的方式，而是使用全局化的方式。 这样，你的@primary-color一样可以在vue的 <style lang="less"/> 中使用。 参考： hey-cli

一、 环境搭建 """ node ~~ python：node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip：npm是一个终端应用商城，可以换国内源cnpm vue ~~ django：vue是用来搭建vue前端项目的 1) 安装node 官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/ 2) 换源安装cnpm >: npm install -g cnpm --registry=https://registry.npm.taobao.org 3) 安装vue项目脚手架 >: cnpm install -g @vue/cli 注：2或3终端安装失败时，可以清空 npm缓存 再重复执行失败的步骤 npm cache clean --force """ 二、Vue项目创建 1) 进入存放项目的目录 >: cd *** 2) 创建项目 >: vue create 项目名 3) 项目初始化 三、pycharm配置并启动vue项目 1、用pycharm打开vue项目 2、添加配置npm启动 ├―― v-proj | ├―― node_modules // 当前项目所有依赖，一般不可以移植给其他电脑环境 | ├―― public | | ├―― favicon.ico // 标签图标 | | └―― index.html // 当前项目唯一的页面

框架采用.NetCore + Vue前后端分离，并且支持前端、后台代码业务动态扩展，框架内置了一套有着20多种属性配置的代码生成器，可灵活配置生成的代码，代码生成器界面配置完成即可生成单表(主表)的增、删、改、查、导入、导出、上传、审核基础功能。只需要简单了解即可上手开发 框架基础功能已构建完成，可直接上手开发功能 Vol.WebApi类库可独立用于restful api服务单独部署,用于其他系统单独提供接口,直接上手编写业务代码即可。 Vue+Vol.WebApi 可用于现有框架前后端分离进行开发 Vol.Web类库可用于传统MVC+Razor方式进行项目开发 Vol.Builder类库可作为一个独立的代码生成器,可生成cshtml页面、Vue页面、Model文件、Service与Repository.cs业务处理代码类 可作为一个独立站点来发布静态html网页. 可直接用于H5移动App开发 框架特点 支持前端、后台基础业务代码动态扩展，可在现有框架增、删、改、查、导入、导出、审核基础业务上扩展复杂的业务代码 基本业务全部由框架完成，上手即可对基础业务以外的代码进行扩展 上手简单，需要.net core2.1、VsCode mysql/sqlservcer 2012、redis(可选) 及以上版本的开发环境 学习成本低，封装了常用可扩展组件及Demo(前端基于Iview

　　一、构建工具 　　1、Parcel 　　地址：https://parceljs.org/ 　　Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。 　　2、Critters 　　地址：github.com 　　一款webpack的插件，它可以很方便的配置内联关键css(critical CSS),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。 　　3、sucrase 　　地址：sucrase.io 　　如果你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase――一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。 　　4、Webpack Config Tool 　　地址：webpack.jakoblind.no 　　一款可视化的在线工具网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。 　　5、JSUI 　　地址：github.com/kitze/JSUI 　　JSUI是一个可视化分类、构建和管理JavaScript项目的工具