最近一直在做前端可視化和低代碼相關的項目和技術分享,最近剛好找到幾款基于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 1a 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小時內與您取得聯系。