整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
最近一直在做前端可視化和低代碼相關(guān)的項目和技術(shù)分享，最近剛好找到幾款基于vue3和vite的開箱即用的中后臺管理模版，可以用到可視化項目中，所以這里特意做個總結(jié)，和大家分享一下。
我們都知道 vue3 已經(jīng)發(fā)布一年多了，相關(guān)的生態(tài)也在慢慢建立，很多公司也在嘗試用 vue3 來開發(fā)自己的應(yīng)用系統(tǒng)。但是由于生態(tài)的不完善以及缺乏成熟方案的落地，vue3 的應(yīng)用仍然探索和小規(guī)模試驗中。
好在開源界無私奉獻的大佬們提前做了很多探索和嘗試，比如面向 vue3 的 UI 組件庫 element Plus，ant-desigin-vue 等，同時基于這些 UI 庫，又有一批大佬封裝了針對企業(yè)業(yè)務(wù)場景的中后臺管理模版，方便我們高效的搭建業(yè)務(wù)系統(tǒng)。
接下來我將一一列舉一下這幾個強大的管理后臺模版，并聊聊他們的特點，如果你剛好有這樣的需求，也不妨參考一下。
Vue Vben Admin 是一個免費開源的中后臺模版。使用了最新的 vue3, vite2, TypeScript 等主流技術(shù)開發(fā)，開箱即用的中后臺前端解決方案，也可用于學(xué)習(xí)參考。
大家可以左右滑動來切換圖片:)
ant-simple-pro 是一款支持 vue3.0，react，angular，typescript 等多框架支持的中臺前端解決方案，ui 使用 antd 實現(xiàn)的，它使用了最新的前端技術(shù)棧，內(nèi)置了 i18 國際化解決方案，動態(tài)路由，響應(yīng)式設(shè)計，開箱即用，而且我們寫了很多支持 vue3 的插件和庫，它可以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型，不管你是 vue 開發(fā)者，還是 react 或者 angular，都能在這里找到你想要的版本。
你需要在本地安裝 node 和 git，異步請求數(shù)據(jù)用axios，所有的異步接口均采用node+typescript+mysql+docker實現(xiàn)的，所以最好先了解如下知識：
大家可以左右滑動來切換圖片:)
vue3-template-admin 是一款基于 vue3 + vite + element plus 的后臺管理模版，它集成了我們業(yè)務(wù)開發(fā)的大部分功能，比如文本編輯器，全站搜索，權(quán)限管理，可視化圖表等。
大家可以左右滑動來切換圖片:)
vue-admin-box 是一個免費并且開源的中后臺管理系統(tǒng)模板。使用最新版本的 vue3+vite+element-plus 開發(fā)而成，目的是為了解決通用型的業(yè)務(wù)中后臺系統(tǒng)復(fù)雜的配置。
大家可以左右滑動來切換圖片:)
好了，今天的分享就到這里了，如果大家對可視化搭建或者低代碼/零代碼感興趣，也可以在 趣談前端 中查閱我往期的文章或者說出你的想法和心得，一起探索前端真正的技術(shù)。
在企業(yè)軟件開發(fā)過程中，大多數(shù)時間都是面向數(shù)據(jù)庫表的增刪改查開發(fā)。通過通用的增刪改查代碼生成器，可以有效的提高效率，降低成本；把有規(guī)則的重復(fù)性勞動讓機器完成，解放開發(fā)人員。
可以幫我們生成表對應(yīng)的持久化對象(po)、操作數(shù)據(jù)庫的接口(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為數(shù)據(jù)庫名，tableName為對應(yīng)的數(shù)據(jù)庫表名 -->
<table> ... </table>
<!-- 注釋 -->
<commentGenerator> ... </commentGenerator>
<!-- 類型轉(zhuǎn)換 -->
<javaTypeResolver> ... </javaTypeResolver>
<!-- 生成實體類配置 -->
<javaModelGenerator> ... </javaModelGenerator>
<!-- 生成Mapper.xml文件配置 -->
<sqlMapGenerator> ... </sqlMapGenerator>
<!-- 生成Mapper.java 接口-->
<javaClientGenerator> ... </javaClientGenerator>
</context>
</generatorConfiguration>綜上兩點： mybatis-generator 使用非常不方便
EasyCode[1] 是基于 IntelliJ IDEA Ultimate 版開發(fā)的一個代碼生成插件，主要通過自定義模板（基于 velocity）來生成各種你想要的代碼。通常用于生成 Entity、Dao、Service、Controller。如果你動手能力強還可以用于生成 HTML、JS、PHP 等代碼。理論上來說只要是與數(shù)據(jù)有關(guān)的代碼都是可以生成的。
如上即可完成基于單表的增刪改查方法，包括 Controller、Service、Mapper、Entity。 但默認生成是基于原生 MyBatis 的通用文件，不適用于 MyBatisPlus、通用 Mapper 等 Mybatis 擴展插件。我們可以通過編輯 EasyCode 的模板文件，來動態(tài)添加我們的生成規(guī)則，并且可以導(dǎo)出給其他人使用。
[1]EasyCode: https://github.com/makejavas/EasyCode
[2]pig: https://github.com/pig-mesh/pig
作者：冷冷zz
鏈接：https://juejin.im/post/6860652082186813448
來源：掘金
西班牙生活首先需要合法居留，但是剛到西班牙的小伙伴常常陷入不知道從哪里獲得信息的困境，小金毛這里從居留及其他證件辦理預(yù)約起步，向大家逐步介紹在西生活所需證件及如何獲得它們。
首先我們需要保存有用的網(wǎng)址：
1. 西班牙居留/證件預(yù)約入口
https://sede.administracionespublicas.gob.es/icpplus/index.html
這個網(wǎng)址是專門用于預(yù)約的，全西班牙的預(yù)約都從這一個口進，進入后會有地區(qū)選擇，大家可自行選擇自己所在的城市。以馬德里為例，選定后會提示用戶這一居留預(yù)約主要涉及：
續(xù)學(xué)生居留
申請長期居留
續(xù)工作居留
續(xù)家庭居留
返鄉(xiāng)證預(yù)約
雖然西班牙網(wǎng)上辦公平臺實際上還有一套可以簡化申請/更換居留的全線上操作流程，但是線上操作流程需要當事人辦理電子身份證，所以這里暫且不提，只講解傳統(tǒng)人工線下居留更換如何操作。
選定預(yù)約城市/大區(qū)后自然會跳出“預(yù)約事項”一欄讓大家選擇，這里選取部分華人常用的預(yù)約事項加以翻譯：
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
返鄉(xiāng)證申請
Duplicado de Tarjeta de Identidad de Extranjero
外國人身份證補辦申請
Prorroga de Estancia por Estudios
學(xué)生居留更換（延期）
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
長期居留更換及按手印（長期居留發(fā)放最后一步）
2. 幾個需要注意的tips
首先留學(xué)生朋友會發(fā)現(xiàn)，雖然上面給出的網(wǎng)站上有“學(xué)生居留更換”這個選項，但是實際上在一些城市已經(jīng)啟用網(wǎng)上預(yù)約更換了，可以直接攜帶相關(guān)材料，不用預(yù)約，前往材料遞交部門即可，比如馬德里。
網(wǎng)上更是給出了非常詳盡的遞交地址指導(dǎo)：
小金毛也建議大家不要一擁而上都前往某一個地點遞交材料。選擇離自己住家較近的市政府遞交材料也是很好的選擇，一則可以避開居留遞交高峰（例如開學(xué)季），二則居留審批速度也可能受影響。
有關(guān)學(xué)生居留多說一句，實際上我們拿到的“學(xué)生居留”只相當于“暫住證”，西文表現(xiàn)更為明顯，學(xué)生居留是ESTANCIA de estudiante，而真正的居留是RESIDENCIA，所以不少機會需要合法Residencia的時候，學(xué)生居留實際上并沒有用處。
3. 預(yù)約進行中
出去學(xué)生居留更換這類已經(jīng)棄用預(yù)約系統(tǒng)的手續(xù)，其他手續(xù)在網(wǎng)站上可以直接預(yù)約，預(yù)約進行時我們需要注意網(wǎng)站上跳出的提示。這里以家庭團聚申請為例：
一般這類信息跳出來的時候，小金毛建議大家先把需要下載的表格（比如這里注明的EX-02表格）下載保存起來。如果怕自己忘記，最好整個頁面直接截圖保存。一切確認之后，點擊右下方的Aceptar按鈕繼續(xù)操作。
之后的步驟基本相同，填寫個人資料，家庭信息，工作情況，住址，申請理由等等。這里仍舊給大家一些小提示，在填寫西班牙人出具的表格時我們常會遇到姓名不知道哪個在前哪個在后的情況，這種情況下只需要記住，將姓大寫即可。例如中文名為王明，如果習(xí)慣性先寫姓了，可以寫作WANG Ming，如果按照國外方式將姓放在后面了，可以寫作Ming WANG。這樣對方一定知道大寫拼寫的才是姓氏，也就不會搞混了。
4. 居留辦理查詢
說到居留辦理查詢，大家還需保存一個網(wǎng)址：
https://sede.administracionespublicas.gob.es/infoext2/jsp/indexnie.jsp
這一網(wǎng)址上可通過居留遞交日期或是遞交序列號查詢居留辦理進度。進入網(wǎng)址后按照提示直接輸入相關(guān)信息即可查詢。如果不記得自己遞交居留更換的時間，可以找出當時拿回的居留遞交單，上面一般會蓋/貼有當日的日期簽章。西班牙居留更換耗日時長，經(jīng)常是一年一換，一換半年到一年，在這期間如果還想出鏡西班牙就需要辦理返鄉(xiāng)證，有關(guān)返鄉(xiāng)證的辦理細節(jié)可以參考我們之前的文章。
（本文已授權(quán)新歐洲-西班牙首發(fā)，如需轉(zhuǎn)載，請注明來源。）
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
