最近一直在做前端可视化和低代码相关的项目和技术分享,最近刚好找到几款基于vue3和vite的开箱即用的中后台管理模版,可以用到可视化项目中,所以这里特意做个总结,和大家分享一下。
我们都知道 vue3 已经发布一年多了,相关的生态也在慢慢建立,很多公司也在尝试用 vue3 来开发自己的应用系统。但是由于生态的不完善以及缺乏成熟方案的落地,vue3 的应用仍然探索和小规模试验中。
好在开源界无私奉献的大佬们提前做了很多探索和尝试,比如面向 vue3 的 UI 组件库 element Plus,ant-desigin-vue 等,同时基于这些 UI 库,又有一批大佬封装了针对企业业务场景的中后台管理模版,方便我们高效的搭建业务系统。
接下来我将一一列举一下这几个强大的管理后台模版,并聊聊他们的特点,如果你刚好有这样的需求,也不妨参考一下。
Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的 vue3, vite2, TypeScript 等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。
大家可以左右滑动来切换图片:)
ant-simple-pro 是一款支持 vue3.0,react,angular,typescript 等多框架支持的中台前端解决方案,ui 使用 antd 实现的,它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,响应式设计,开箱即用,而且我们写了很多支持 vue3 的插件和库,它可以帮助你快速搭建企业级中后台产品原型,不管你是 vue 开发者,还是 react 或者 angular,都能在这里找到你想要的版本。
你需要在本地安装 node 和 git,异步请求数据用axios,所有的异步接口均采用node+typescript+mysql+docker实现的,所以最好先了解如下知识:
大家可以左右滑动来切换图片:)
vue3-template-admin 是一款基于 vue3 + vite + element plus 的后台管理模版,它集成了我们业务开发的大部分功能,比如文本编辑器,全站搜索,权限管理,可视化图表等。
大家可以左右滑动来切换图片:)
vue-admin-box 是一个免费并且开源的中后台管理系统模板。使用最新版本的 vue3+vite+element-plus 开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。
大家可以左右滑动来切换图片:)
好了,今天的分享就到这里了,如果大家对可视化搭建或者低代码/零代码感兴趣,也可以在 趣谈前端 中查阅我往期的文章或者说出你的想法和心得,一起探索前端真正的技术。
在企业软件开发过程中,大多数时间都是面向数据库表的增删改查开发。通过通用的增删改查代码生成器,可以有效的提高效率,降低成本;把有规则的重复性劳动让机器完成,解放开发人员。
可以帮我们生成表对应的持久化对象(po)、操作数据库的接口(dao)、CRUD sql 的 xml(mapper)。
<plugin>
<groupId>org.mybatis.generator</groupId>
<artifactId>mybatis-generator-maven-plugin</artifactId>
<version>${last.version}</version>
<configuration>
<!--mybatis的代码生成器的配置策略文件-->
<configurationFile>mybatis-generator-config.xml</configurationFile>
</configuration>
</plugin>
<generatorConfiguration>
<context>
<!-- jdbc连接 -->
<jdbcConnection> ... </jdbcConnection>
<!-- schema为数据库名,tableName为对应的数据库表名 -->
<table> ... </table>
<!-- 注释 -->
<commentGenerator> ... </commentGenerator>
<!-- 类型转换 -->
<javaTypeResolver> ... </javaTypeResolver>
<!-- 生成实体类配置 -->
<javaModelGenerator> ... </javaModelGenerator>
<!-- 生成Mapper.xml文件配置 -->
<sqlMapGenerator> ... </sqlMapGenerator>
<!-- 生成Mapper.java 接口-->
<javaClientGenerator> ... </javaClientGenerator>
</context>
</generatorConfiguration>
综上两点: mybatis-generator 使用非常不方便
EasyCode[1] 是基于 IntelliJ IDEA Ultimate 版开发的一个代码生成插件,主要通过自定义模板(基于 velocity)来生成各种你想要的代码。通常用于生成 Entity、Dao、Service、Controller。如果你动手能力强还可以用于生成 HTML、JS、PHP 等代码。理论上来说只要是与数据有关的代码都是可以生成的。
如上即可完成基于单表的增删改查方法,包括 Controller、Service、Mapper、Entity。 但默认生成是基于原生 MyBatis 的通用文件,不适用于 MyBatisPlus、通用 Mapper 等 Mybatis 扩展插件。我们可以通过编辑 EasyCode 的模板文件,来动态添加我们的生成规则,并且可以导出给其他人使用。
[1]EasyCode: https://github.com/makejavas/EasyCode
[2]pig: https://github.com/pig-mesh/pig
作者:冷冷zz
链接:https://juejin.im/post/6860652082186813448
来源:掘金
西班牙生活首先需要合法居留,但是刚到西班牙的小伙伴常常陷入不知道从哪里获得信息的困境,小金毛这里从居留及其他证件办理预约起步,向大家逐步介绍在西生活所需证件及如何获得它们。
首先我们需要保存有用的网址:
1. 西班牙居留/证件预约入口
https://sede.administracionespublicas.gob.es/icpplus/index.html
这个网址是专门用于预约的,全西班牙的预约都从这一个口进,进入后会有地区选择,大家可自行选择自己所在的城市。以马德里为例,选定后会提示用户这一居留预约主要涉及:
续学生居留
申请长期居留
续工作居留
续家庭居留
返乡证预约
虽然西班牙网上办公平台实际上还有一套可以简化申请/更换居留的全线上操作流程,但是线上操作流程需要当事人办理电子身份证,所以这里暂且不提,只讲解传统人工线下居留更换如何操作。
选定预约城市/大区后自然会跳出“预约事项”一栏让大家选择,这里选取部分华人常用的预约事项加以翻译:
Acceso A 1ª Aut. de Residencia de Larga Duración y Larga Duración UE
第一次西班牙/欧盟长期居留申请
Autorización de Residencia de Menores Nacidos en España, Hijos de Residentes
西班牙出生的未成年人居留申请/居留持有者子女居留申请
Autorizaciones de Regreso
返乡证申请
Duplicado de Tarjeta de Identidad de Extranjero
外国人身份证补办申请
Prorroga de Estancia por Estudios
学生居留更换(延期)
Reagrupación Familiar
家庭团聚
Renovaciones de Autorizacion de Residencia con Trabajo
工作居留更换
Toma de Huellas (Expedición de Tarjeta) y Renovación de Tarjeta de Larga Duración
长期居留更换及按手印(长期居留发放最后一步)
2. 几个需要注意的tips
首先留学生朋友会发现,虽然上面给出的网站上有“学生居留更换”这个选项,但是实际上在一些城市已经启用网上预约更换了,可以直接携带相关材料,不用预约,前往材料递交部门即可,比如马德里。
网上更是给出了非常详尽的递交地址指导:
小金毛也建议大家不要一拥而上都前往某一个地点递交材料。选择离自己住家较近的市政府递交材料也是很好的选择,一则可以避开居留递交高峰(例如开学季),二则居留审批速度也可能受影响。
有关学生居留多说一句,实际上我们拿到的“学生居留”只相当于“暂住证”,西文表现更为明显,学生居留是ESTANCIA de estudiante,而真正的居留是RESIDENCIA,所以不少机会需要合法Residencia的时候,学生居留实际上并没有用处。
3. 预约进行中
出去学生居留更换这类已经弃用预约系统的手续,其他手续在网站上可以直接预约,预约进行时我们需要注意网站上跳出的提示。这里以家庭团聚申请为例:
一般这类信息跳出来的时候,小金毛建议大家先把需要下载的表格(比如这里注明的EX-02表格)下载保存起来。如果怕自己忘记,最好整个页面直接截图保存。一切确认之后,点击右下方的Aceptar按钮继续操作。
之后的步骤基本相同,填写个人资料,家庭信息,工作情况,住址,申请理由等等。这里仍旧给大家一些小提示,在填写西班牙人出具的表格时我们常会遇到姓名不知道哪个在前哪个在后的情况,这种情况下只需要记住,将姓大写即可。例如中文名为王明,如果习惯性先写姓了,可以写作WANG Ming,如果按照国外方式将姓放在后面了,可以写作Ming WANG。这样对方一定知道大写拼写的才是姓氏,也就不会搞混了。
4. 居留办理查询
说到居留办理查询,大家还需保存一个网址:
https://sede.administracionespublicas.gob.es/infoext2/jsp/indexnie.jsp
这一网址上可通过居留递交日期或是递交序列号查询居留办理进度。进入网址后按照提示直接输入相关信息即可查询。如果不记得自己递交居留更换的时间,可以找出当时拿回的居留递交单,上面一般会盖/贴有当日的日期签章。西班牙居留更换耗日时长,经常是一年一换,一换半年到一年,在这期间如果还想出镜西班牙就需要办理返乡证,有关返乡证的办理细节可以参考我们之前的文章。
(本文已授权新欧洲-西班牙首发,如需转载,请注明来源。)
*请认真填写需求信息,我们会在24小时内与您取得联系。