前端开发框架是什么？ web前端三大主流框架都是什么？
\u524d\u7aef\u5f00\u53d1\u6846\u67b6\u6709\u54ea\u4e9b\uff1f\u524d\u7aef\u6846\u67b6\u597d\u4e0d\u597d\u7528\u8fd8\u662f\u8981\u770b\u5177\u4f53\u60c5\u51b5\u5206\u6790\uff0c\u6211\u8fd9\u91cc\u7ed9\u4f60\u63a8\u8350\u51e0\u4e2a\u5e38\u7528\u7684\u6846\u67b6\uff0c\u53ef\u4ee5\u6309\u9700\u4f7f\u7528\u3002
1\u3001vue-element-admin
\u4e00\u4e2a\u57fa\u4e8evue2.0\u548cElement\u7684\u63a7\u5236\u9762\u677fUI\u6846\u67b6\uff0c\u8fd9\u662f\u4f7f\u7528vue\u6280\u672f\u6808\u5f00\u53d1\u7684\u524d\u7aef\u7a0b\u5e8f\u5458\u7684\u9996\u9009\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u6a21\u677f\u5df2\u7ecf\u975e\u5e38\u6210\u719f\u4e86\uff0c\u5e76\u4e14\u6709\u76f8\u5173\u7684\u793e\u533a\u548c\u7ef4\u62a4\u4eba\u5458\uff0c\u5f00\u53d1\u65f6\u5019\u9047\u5230\u95ee\u9898\u4e5f\u4e0d\u8981\u614c\u3002
2\u3001AdminLTE
\u975e\u5e38\u6d41\u884c\u7684\u57fa\u4e8eBootstrap 3.x\u7684\u514d\u8d39\u7684\u540e\u53f0UI\u6846\u67b6\uff0c\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u8001\u724c\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u6bcf\u4e2a\u9875\u9762\u90fd\u662f\u5355\u72ec\u7684html\u7f51\u9875\uff0c\u9002\u5408\u524d\u7aef\u5165\u95e8\u65b0\u624b\u7528\u6765\u505a\u9879\u76ee\u3002
3\u3001ant-design-pro
\u8fd9\u4e2a\u5c31\u4e0d\u591a\u8bf4\u4e86\uff0c\u9009\u62e9react\u6280\u672f\u6808\u7684\u7ae5\u978b\u4eec\u5fc5\u7136\u79bb\u4e0d\u5f00\u8fd9\u4e2a\u4f18\u79c0\u5f00\u7bb1\u5373\u7528\u7684\u4e2d\u53f0\u524d\u7aef/\u8bbe\u8ba1\u89e3\u51b3\u65b9\u6848\uff0c\u6587\u6863\u9f50\u5168\uff0c\u7ec4\u4ef6\u4e30\u5bcc\uff0c\u4e00\u952e\u751f\u6210\u6a21\u677f\uff0c\u66f4\u652f\u6301\u5f00\u542f\u590d\u5236\u7c98\u8d34\u6a21\u5f0f\u54e6\u3002
4\u3001ng2-admin
\u8fd9\u662f\u57fa\u4e8eAngular 2\u3001Bootstrap 4\u548cwebpack\u7684\u540e\u53f0\u7ba1\u7406\u9762\u677f\u6846\u67b6\uff0c\u8981\u6536\u524d\u9762\u5df2\u7ecf\u6709\u4e86React\u548cvue\u6280\u672f\u6808\u7684\u6a21\u677f\uff0c\u90a3\u600e\u4e48\u80fd\u5c11\u4e86ng\u7684\uff1f\u867d\u7136\u5728\u56fd\u5916\u7528\u7684\u6bd4\u8f83\u591a\uff0c\u56fd\u5185\u8f83\u5c11\u4f7f\u7528\uff0c\u4f46\u4e1d\u6beb\u4e0d\u5f71\u54cdng\u4f5c\u4e3a\u524d\u7aef\u6846\u67b6\u4e09\u5de8\u5934\u4e4b\u4e00\u7684\u5730\u4f4d\u3002
5\uff1aGentelella
Gentelella \u662f\u4e00\u4e2a\u53ef\u514d\u8d39\u4f7f\u7528\u7684 Bootstrap \u7ba1\u7406\u754c\u9762\u6a21\u7248\uff0c\u4f7f\u7528\u7fa4\u4f53\u6bd4\u8f83\u5e7f\u6cdb\u3002\u8fd9\u4e2a\u6a21\u7248\u4f7f\u7528\u9ed8\u8ba4\u7684 Bootstrap 3\u7684\u6837\u5f0f\uff0c\u8fd8\u6709\u4e00\u7cfb\u5217\u529f\u80fd\u5f3a\u5927\u7684 jQuery \u63d2\u4ef6\u548c\u5de5\u5177\uff0c\u53ef\u5feb\u901f\u521b\u5efa\u7ba1\u7406\u754c\u9762\u6a21\u7248\u6216\u8005\u540e\u53f0\u7684 Dashboard\u3002
6\uff1aiview-admin
iView admin \u662f\u57fa\u4e8e iView \u7684 Vue 2.0 \u63a7\u5236\u9762\u677f\u3002\u642d\u914d\u4f7f\u7528 iView UI \u7ec4\u4ef6\u5e93\u5f62\u6210\u7684\u4e00\u5957\u540e\u53f0\u96c6\u6210\u89e3\u51b3\u65b9\u6848 \u3002
7\uff1ablur-admin
BlurAdmin \u662f\u4e00\u6b3e\u4f7f\u7528 AngularJs + Bootstrap\u5b9e\u73b0\u7684\u5355\u9875\u7ba1\u7406\u7aef\u6a21\u7248\uff0c\u89c6\u89c9\u51b2\u51fb\u6781\u5f3a\u7684\u7ba1\u7406\u540e\u53f0\uff0c\u5404\u79cd\u52a8\u753b\u6548\u679c\u3002
8\uff1avue-manage-system
vue-manage-system\uff0c\u4e00\u4e2a\u57fa\u4e8e Vue.js \u548c element-ui\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u633a\u559c\u6b22\u8fd9\u4e2a\u754c\u9762\u7684UI\uff0c\u7b80\u7ea6\u6e05\u6670\u4e0d\u7d2f\u8d58\uff0c\u591a\u529f\u80fd\u7684\u540e\u53f0\u6846\u67b6\u6a21\u677f\uff0c\u9002\u7528\u4e8e\u7edd\u5927\u90e8\u5206\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u5f00\u53d1\u3002
9\uff1amaterial-dashboard
\u57fa\u4e8e Bootstrap 4 \u548c Material \u98ce\u683c\u7684\u63a7\u5236\u9762\u677f\u3002Material Dashboard \u662f\u4e00\u4e2a\u5f00\u6e90\u7684 Material
Bootstrap Admin\uff0c\u5176\u8bbe\u8ba1\u7075\u611f\u6765\u81ea\u8c37\u6b4c\u7684 Material Design \u3002
10\uff1ad2-admin
D2Admin \u662f\u4e00\u4e2a\u5b8c\u5168 \u5f00\u6e90\u514d\u8d39 \u7684\u4f01\u4e1a\u4e2d\u540e\u53f0\u4ea7\u54c1\u524d\u7aef\u96c6\u6210\u65b9\u6848\uff0c\u57fa\u4e8e vue.js \u548c ElementUI \u7684\u7ba1\u7406\u7cfb\u7edf\u524d\u7aef\u89e3\u51b3\u65b9\u6848 \uff0c\u5c0f\u4e8e 60kb\u7684\u672c\u5730\u9996\u5c4f js \u52a0\u8f7d,\u5df2\u7ecf\u505a\u597d\u5927\u90e8\u5206\u9879\u76ee\u524d\u671f\u51c6\u5907\u5de5\u4f5c
11\uff1avuestic-admin
vuestic-admin\u7ba1\u7406\u53f0\u4eea\u8868\u76d8\u662f\u4e00\u4e2a\u54cd\u5e94\u5f0f\u7684\u4eea\u8868\u76d8\u6a21\u677f\uff0c\u91c7\u7528Bootstrap4\u548cVue.js\u6784\u5efa\u3002\u8fd9\u4e2a\u7cbe\u7f8e\u7684\u7ba1\u7406\u53f0\u6a21\u677f\u63d0\u4f9b\u4e86\u81ea\u5b9a\u4e49\u5143\u7d20\u7ec4\u4ef6\uff0c\u5982\u5730\u56fe\uff0c\u804a\u5929\uff0c\u4e2a\u4eba\u8d44\u6599\u5361\uff0c\u56fe\u6807\uff0c\u8fdb\u5ea6\u6761\u7b49\uff0c\u4ee5\u53ca\u7528\u4e8e\u767b\u5f55\u548c\u6ce8\u518c\u7684\u9884\u5efa\u9875\u9762\u3002
web\u524d\u7aef\u4e09\u5927\u4e3b\u6d41\u6846\u67b6\u90fd\u662fAngular\u3001React\u3001Vue\u3002
1\u3001Angular
Angular\u539f\u540dangularJS\u8bde\u751f\u4e8e2009\u5e74\uff0c\u4e4b\u524d\u6211\u4eec\u90fd\u662f\u7528jquery\u5f00\u53d1\uff0c\u81ea\u4eceangular\u7684\u51fa\u73b0\u8ba9\u6211\u4eec\u6709\u4e86\u65b0\u7684\u9009\u62e9\uff0c\u5b83\u6700\u5927\u7684\u7279\u70b9\u662f\u628a\u540e\u7aef\u7684\u4e00\u4e9b\u5f00\u53d1\u6a21\u5f0f\u79fb\u690d\u5230\u524d\u7aef\u6765\u5b9e\u73b0\uff0c\u5982MVC\u3001\u4f9d\u8d56\u6ce8\u5165\u7b49\u3002
2\u3001React
React\uff0cfacebook\u51fa\u54c1\uff0c\u6b63\u5f0f\u7248\u63a8\u51fa\u662f\u57282013\u5e74\uff0c\u6bd4angular\u665a\u4e864\u5e74\uff0c\u4f46\u5f97\u76ca\u4e8e\u5176\u521b\u65b0\u5f0f\u7684VirtualDOM\uff0c\u6027\u80fd\u4e0a\u78be\u538bangularJS\uff0c\u4e00\u7ecf\u63a8\u51fa\uff0c\u706b\u7684\u4e00\u584c\u7cca\u6d82\u3002 \u7279\u70b9\u5f88\u591a\uff0cVirtualDOM\u3001JSX\u3001Diff\u7b97\u6cd5\u7b49\uff0c\u652f\u6301ES6\u8bed\u6cd5\uff0c\u91c7\u7528\u51fd\u6570\u5f0f\u7f16\u7a0b\uff0c\u95e8\u69db\u7a0d\u9ad8\uff0c\u4f46\u4e5f\u66f4\u7075\u6d3b\uff0c\u80fd\u8ba9\u5f00\u53d1\u5177\u6709\u66f4\u591a\u53ef\u80fd\u6027\u3002
3\u3001Vue
Vue\u4f5c\u4e3a\u6700\u540e\u63a8\u51fa\u7684\u6846\u67b6\uff082014\u5e74\uff09\uff0c\u501f\u9274\u4e86\u524d\u8f88angular\u548creact\u7684\u7279\u70b9\uff08\u5982VirtualDOM\u3001\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u3001diff\u7b97\u6cd5\u3001\u54cd\u5e94\u5f0f\u5c5e\u6027\u3001\u7ec4\u4ef6\u5316\u5f00\u53d1\u7b49\uff09\u5e76\u505a\u4e86\u76f8\u5173\u4f18\u5316\uff0c\u4f7f\u5176\u4f7f\u7528\u8d77\u6765\u66f4\u52a0\u65b9\u4fbf\uff0c\u66f4\u5bb9\u6613\u4e0a\u624b\uff0c\u6bd4\u8f83\u5c11\u9002\u5408\u521d\u5b66\u8005\u3002
常见的web前端开发框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。
2、html5-boilerplate：
该框架可以快速构建健壮，且适应力强的web app或网站。
3、Meteor：
Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。
4、Materialize：
基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。
5、Amaze UI：
首个开源HTML5跨屏前端框架产品系列，中文排版前端的学习都是需要不断的学习，学一天停一停相当于白学，学习效果很差，如果你想有人一起学习可以来这个扣裙，首先是132 中间是667最后是127 都是零基础的同学，大家相互鼓励 共同努力 只是学着玩就不建议来了!!!支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。
扩展资料：
web框架程序的作用：
Web框架使得在进行Web应用开发的时候，减少了工作量。Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。
使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码写入框架就可以。也就是说，通过对Web框架进行主观上的“缝缝补补”，就可以实现自己进行Web开发的需求了。
以PHP为例，PHP可以在apache服务器上进行Web开发，而不必使用框架。使用PHP进行开的时候，在不适用框架的情况下，数据库连接就需要自己来实现，页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作，而使用PHP在不用框架的情况下，这部分要自己做。
Web前端学习是一个先易后难的过程，主要是通过HTML、CSS、JavaScript这三个技术编写前端代码，展现前端的用户界面的。
Web前端三大主流框架
React：
1.声明式设计：React采用声明范式，可以轻松描述应用。
2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活：React可以与已知的库或框架很好地配合。
Vue：
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确来说不是一个框架，它聚焦在V（view）视图层。
它有以下的特性：
1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化
Angular：
Angular是一款优秀的前端JS框架，已经被用于Google的多款产品当中。
它有以下的特性：
1.良好的应用程序结构
2.双向数据绑定
3.指令
4.HTML模板
5.可嵌入、注入和测试
Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
就是开发一些前端的框架或组件，包括js框架，和ui框架
一般叫做前端架构师
前端开发框架是一个技术性的问题。
绛旓細鍓嶇寮鍙戞鏋舵湁澶氱锛屽父瑙佺殑涓昏鍖呮嫭Bootstrap銆丷eact銆乂ue.js銆丄ngular绛銆1. Bootstrap锛氳繖鏄竴绉嶉潪甯告祦琛岀殑鍓嶇寮鍙戞鏋讹紝涓昏鐢ㄤ簬鍒涘缓鍝嶅簲寮忓拰绉诲姩浼樺厛鐨勭綉椤点侭ootstrap鍖呭惈浜嗚澶欳SS鍜孞avaScript缁勪欢锛屽彲浠ヨ繀閫熸瀯寤虹綉椤靛竷灞鍜岃璁°傚叾鍖呭惈浜嗗ぇ閲忛璁捐鐨勬ā鏉垮拰缁勪欢锛屾柟渚垮紑鍙戣呬娇鐢℉TML鍜孋SS鏉ヨ璁″拰鏋勫缓...
绛旓細鍓嶇妗嗘灦鏈夊绉嶏紝甯歌鐨勪富瑕佹湁React銆乂ue銆丄ngular绛夈1. React React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨勫紑婧愬墠绔鏋銆傚畠涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰锛屽挨鍏舵搮闀垮鐞嗗ぇ閲忔暟鎹殑娓叉煋鍜屽姩鎬佷氦浜掋俁eact閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜澶嶇敤鍜屾媶鍒嗘洿涓烘柟渚裤傚叾铏氭嫙DOM鎶鏈兘鏈夋晥鎻愰珮椤甸潰鍔犺浇閫熷害鍜屾ц兘銆2. Vue Vue鏄竴涓笎...
绛旓細甯歌鐨剋eb鍓嶇寮鍙戞鏋跺涓嬶細1銆丅ootstrap锛氫富娴佹鏋朵箣涓锛孊ootstrap 鏄熀浜 HTML銆丆SS銆丣avaScript鐨勶紝瀹冪畝娲佺伒娲伙紝浣垮緱 Web 寮鍙戞洿鍔犲揩鎹銆2銆乭tml5-boilerplate锛氳妗嗘灦鍙互蹇熸瀯寤哄仴澹紝涓旈傚簲鍔涘己鐨剋eb app鎴栫綉绔欍3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙
绛旓細Bootstrap鏃犵枒鏄渶娴佽鐨凜SS妗嗘灦锛屽畠鏄渶鏃╃殑Web鍓嶇妗嗘灦锛岀敱Twitter寮鍙戙侭ootstrap杩樻彁渚涗簡璁稿绀轰緥鏉ュ府鍔╀綘鍏ラ棬銆2銆丳atternFly PatternFly鏄疪ed Hat鐨勫紑婧怌SS妗嗘灦锛屽拰Bootstrap涓嶅悓鐨勬槸锛孊ootstrap鏄负閭ｄ簺鎯宠鍒涘缓婕備寒缃戠珯鐨勪汉鑰岃璁＄殑锛岃孭atternFly涓昏涓撴敞浜庝紒涓氬簲鐢ㄧ▼搴忓紑鍙戜汉鍛橈紝鎻愪緵璇稿鏉″舰鍥俱佸浘琛ㄣ...
绛旓細鍓嶇妗嗘灦涓鑸寚鐢ㄤ簬绠鍖栫綉椤佃璁＄殑妗嗘灦锛屾瘮濡傦紝jquery锛宔xtjs锛宐ootstrap绛夌瓑锛岃繖浜涙鏋跺皝瑁呬簡涓浜涘姛鑳斤紝姣斿html鏂囨。鎿嶄綔锛屾紓浜殑鍚勭鎺т欢锛堟寜閽紝琛ㄥ崟绛夌瓑锛夈傚墠娈垫鏋剁殑濂藉锛氬浜庝簰鑱旂綉鐨勪骇鍝佽岃█锛屽墠绔敤鎴蜂綋楠屽線寰鍐冲畾浜嗕竴娆句骇鍝佺殑绔炰簤鍔涘拰鍚稿紩鍔涖傝屽浜庡墠绔伐绋嬪笀鏉ヨ锛岃冭檻鐨勯棶棰樻洿涓哄鏉傦紝浠栦滑鏃㈣涓...
绛旓細Bootsnipp鈥斺斿湪绾鍓嶇妗嗘灦浜や簰缁勪欢鍒朵綔宸ュ叿锛屾槸涓涓緵缁欒璁″笀鍜寮鍙鑰呯殑鍩轰簬BootstrapHTML/CSS/JavaScript鏋舵瀯鐨勫厤璐瑰厓绱犮侺ayoutIt鈥斺旈氳繃鐣岄潰鎷栨斁鐢熸垚鍣ㄧ畝渚垮揩鎹峰湴鍒涘缓鍩轰簬Bootstrap鐨勫墠绔唬鐮併傞氳繃鎷栨斁鍔ㄤ綔灏咮ootstrap椋庢牸鐨勭粍浠跺姞鍏ュ埌浣犵殑涓汉璁捐閲屽苟涓斿彲浠ユ柟渚垮湴淇敼浠栦滑鐨勫睘鎬э紝绠鍗曚究鎹枫2.Fbootstrapp F...
绛旓細Web鍓嶇寮鍙戞鏋鏈塀ootstrap銆乂ue銆丄maze UI銆備竴銆丅ootstrap锛1銆丅ootstrap鏄畝娲併佺洿瑙傘佸己鎮嶇殑鍓嶇寮鍙戞鏋讹紝璁﹚eb寮鍙戞洿杩呴熴佺畝鍗曪紝鐢氳嚦杩為潪鍓嶇宸ョ▼甯堜汉鍛樹篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝璁╂墍鏈夊紑鍙戜汉鍛樻洿鍔犲揩鎹枫佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤锛屽悓鏃朵篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇2銆佷究鍒╋紝鐢眒do鍜...
绛旓細铏界劧甯傚満涓湁寰堝鐨鍓嶇妗嗘灦锛屼絾閮ㄥ垎UI妗嗘灦鏄灞炰簬缁勪欢搴擄紝鐒惰孮UICK UI璺熷綋涓嬫祦琛岀殑涓夊ぇ搴曞眰妗嗘灦React銆乂ue鍜孉ngular涓嶅悓锛孮UICK UI鎻愪緵浜嗕竴鏁村鍓嶇瑙ｅ喅鏂规锛屽寘鎷墠鍚庣鍒嗙鐨寮鍙戞鏋銆100澶氱鍔熻兘寮哄ぇ鐨刄I鎺т欢銆佸嚑鍗佸绮剧編鐨勭毊鑲ゆā鏉垮拰杩16涓囧瓧鐨勫紑鍙戞枃妗ｏ紝婊¤冻浣犳墍浠ュ紑鍙戦」鐩兘涓嶆槸闂銆1.Node.JsNode...
绛旓細1銆丅ootstrap鏄渶娴佽鐨鍓嶇寮鍙戞鏋锛屽彲浠ヨ涓嶆槸鍓嶇宸ョ▼甯堜篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝鏇村姞蹇嵎銆佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤銆備篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇備腑鏂囧畼缃戯細http://www.bootcss.com/ 2銆丷eact 鏄疐acebook 寮鍙戠殑妗嗘灦锛岀敤浜庢瀯寤洪〉闈乯avascript搴撱備富瑕佸姛鑳芥槸瀵笵OM鎿嶄綔锛屽０鏄庡紡璁捐...
绛旓細杞欢寮鍙戜腑锛屾湁璁稿甯哥敤鐨勬鏋剁敤浜庣畝鍖栧紑鍙戣繃绋嬨佹彁楂樻晥鐜囧拰浠ｇ爜鐨勫彲缁存姢鎬с備互涓嬫槸涓浜涘父瑙佺殑杞欢寮鍙戞鏋锛1.鍓嶇妗嗘灦锛歊eact锛氱敱Facebook寮鍙戯紝鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰鐨凧avaScript搴撱侫ngular锛氱敱Google缁存姢锛岀敤浜庢瀯寤哄姩鎬乄eb搴旂敤鐨勫墠绔鏋躲俈ue.js锛氫竴濂楃敤浜庢瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮廕avaScript妗嗘灦銆2.鍚庣妗嗘灦锛歋prin...
