虽然比较简单，但很实用，在C# MVC下开发，请首先将图标名称保存到数据库中，图标窗口如下。

  1. @{
  2. 	Layout = "~/Views/Shared/_Form.cshtml";
  3. 	var fontawesomelist = ViewData["fontAwesomeList"] as List<Mes.Domain._03_Entity.SystemManage.FontAwesomeEntity>;//这个地方改成自己的数据源或者直接在js里读取json。
  4. }
  5.  
  6. <!DOCTYPE html>
  7. <script type="text/javascript">
  8. 	function btn_edit(v1) {
  9. 		var v = $(v1).find("i").attr("class");
  10. 		var index = parent.layer.getFrameIndex(window.name);
  11. 		parent["Form"].$('#F_Icon').val(v);
  12. 		parent.layer.close(index);
  13. 	}
  14. </script>
  15. <html>
  16. <body>
  17. <div>
  18.  @{
  19. 	foreach (var item in fontawesomelist)
  20. 	{
  21.  
  22. 	<a class="btn" onclick="btn_edit(this)" style="width:30px"><i class="fa @item.F_FullName" ></i></a>
  23.  
  24. 	}
  25. }
  26. </div>
  27. </body>
  28. </html>

　　

  1. FontAweSome表
  1. F_Id	F_FullName
  2. 1	fa-glass
  3. 10	fa-th-large
  4. 100	fa-arrow-right
  5. 101	fa-arrow-up
  6. 102	fa-arrow-down
  7. 103	fa-mail-forward
  8. 104	fa-share
  9. 105	fa-expand
  10. 106	fa-compress
  11. 107	fa-plus
  12. 108	fa-minus
  13. 109	fa-asterisk
  14. 11	fa-th
  15. 110	fa-exclamation-circle
  16. 111	fa-gift
  17. 112	fa-leaf
  18. 113	fa-fire
  19. 114	fa-eye
  20. 115	fa-eye-slash
  21. 116	fa-warning
  22. 117	fa-exclamation-triangle
  23. 118	fa-plane
  24. 119	fa-calendar
  25. 12	fa-th-list
  26. 120	fa-random
  27. 121	fa-comment
  28. 122	fa-magnet
  29. 123	fa-chevron-up
  30. 124	fa-chevron-down
  31. 125	fa-retweet
  32. 126	fa-shopping-cart
  33. 127	fa-folder
  34. 128	fa-folder-open
  35. 129	fa-arrows-v
  36. 13	fa-check
  37. 130	fa-arrows-h
  38. 131	fa-bar-chart-o
  39. 132	fa-bar-chart
  40. 133	fa-twitter-square
  41. 134	fa-facebook-square
  42. 135	fa-camera-retro
  43. 136	fa-key
  44. 137	fa-gears
  45. 138	fa-cogs
  46. 139	fa-comments
  47. 14	fa-remove
  48. 140	fa-thumbs-o-up
  49. 141	fa-thumbs-o-down
  50. 142	fa-star-half
  51. 143	fa-heart-o
  52. 144	fa-sign-out
  53. 145	fa-linkedin-square
  54. 146	fa-thumb-tack
  55. 147	fa-external-link
  56. 148	fa-sign-in
  57. 149	fa-trophy
  58. 15	fa-close
  59. 150	fa-github-square
  60. 151	fa-upload
  61. 152	fa-lemon-o
  62. 153	fa-phone
  63. 154	fa-square-o
  64. 155	fa-bookmark-o
  65. 156	fa-phone-square
  66. 157	fa-twitter
  67. 158	fa-facebook
  68. 159	fa-github
  69. 16	fa-times
  70. 160	fa-unlock
  71. 161	fa-credit-card
  72. 162	fa-rss
  73. 163	fa-hdd-o
  74. 164	fa-bullhorn
  75. 165	fa-bell
  76. 166	fa-certificate
  77. 167	fa-hand-o-right
  78. 168	fa-hand-o-left
  79. 169	fa-hand-o-up
  80. 17	fa-search-plus
  81. 170	fa-hand-o-down
  82. 171	fa-arrow-circle-left
  83. 172	fa-arrow-circle-right
  84. 173	fa-arrow-circle-up
  85. 174	fa-arrow-circle-down
  86. 175	fa-globe
  87. 176	fa-wrench
  88. 177	fa-tasks
  89. 178	fa-filter
  90. 179	fa-briefcase
  91. 18	fa-search-minus
  92. 180	fa-arrows-alt
  93. 181	fa-group
  94. 182	fa-users
  95. 183	fa-chain
  96. 184	fa-link
  97. 185	fa-cloud
  98. 186	fa-flask
  99. 187	fa-cut
  100. 188	fa-scissors
  101. 189	fa-copy
  102. 19	fa-power-off
  103. 190	fa-files-o
  104. 191	fa-paperclip
  105. 192	fa-save
  106. 193	fa-floppy-o
  107. 194	fa-square
  108. 195	fa-navicon
  109. 196	fa-reorder
  110. 197	fa-bars
  111. 198	fa-list-ul
  112. 199	fa-list-ol
  113. 2	fa-music
  114. 20	fa-signal
  115. 200	fa-strikethrough
  116. 201	fa-underline
  117. 202	fa-table
  118. 203	fa-magic
  119. 204	fa-truck
  120. 205	fa-pinterest
  121. 206	fa-pinterest-square
  122. 207	fa-google-plus-square
  123. 208	fa-google-plus
  124. 209	fa-money
  125. 21	fa-gear
  126. 210	fa-caret-down
  127. 211	fa-caret-up
  128. 212	fa-caret-left
  129. 213	fa-caret-right
  130. 214	fa-columns
  131. 215	fa-unsorted
  132. 216	fa-sort
  133. 217	fa-sort-down
  134. 218	fa-sort-desc
  135. 219	fa-sort-up
  136. 22	fa-cog
  137. 220	fa-sort-asc
  138. 221	fa-envelope
  139. 222	fa-linkedin
  140. 223	fa-rotate-left
  141. 224	fa-undo
  142. 225	fa-legal
  143. 226	fa-gavel
  144. 227	fa-dashboard
  145. 228	fa-tachometer
  146. 229	fa-comment-o
  147. 23	fa-trash-o
  148. 230	fa-comments-o
  149. 231	fa-flash
  150. 232	fa-bolt
  151. 233	fa-sitemap
  152. 234	fa-umbrella
  153. 235	fa-paste
  154. 236	fa-clipboard
  155. 237	fa-lightbulb-o
  156. 238	fa-exchange
  157. 239	fa-cloud-download
  158. 24	fa-home
  159. 240	fa-cloud-upload
  160. 241	fa-user-md
  161. 242	fa-stethoscope
  162. 243	fa-suitcase
  163. 244	fa-bell-o
  164. 245	fa-coffee
  165. 246	fa-cutlery
  166. 247	fa-file-text-o
  167. 248	fa-building-o
  168. 249	fa-hospital-o
  169. 25	fa-file-o
  170. 250	fa-ambulance
  171. 251	fa-medkit
  172. 252	fa-fighter-jet
  173. 253	fa-beer
  174. 254	fa-h-square
  175. 255	fa-plus-square
  176. 256	fa-angle-double-left
  177. 257	fa-angle-double-right
  178. 258	fa-angle-double-up
  179. 259	fa-angle-double-down
  180. 26	fa-clock-o
  181. 260	fa-angle-left
  182. 261	fa-angle-right
  183. 262	fa-angle-up
  184. 263	fa-angle-down
  185. 264	fa-desktop
  186. 265	fa-laptop
  187. 266	fa-tablet
  188. 267	fa-mobile-phone
  189. 268	fa-mobile
  190. 269	fa-circle-o
  191. 27	fa-road
  192. 270	fa-quote-left
  193. 271	fa-quote-right
  194. 272	fa-spinner
  195. 273	fa-circle
  196. 274	fa-mail-reply
  197. 275	fa-reply
  198. 276	fa-github-alt
  199. 277	fa-folder-o
  200. 278	fa-folder-open-o
  201. 279	fa-smile-o
  202. 28	fa-download
  203. 280	fa-frown-o
  204. 281	fa-meh-o
  205. 282	fa-gamepad
  206. 283	fa-keyboard-o
  207. 284	fa-flag-o
  208. 285	fa-flag-checkered
  209. 286	fa-terminal
  210. 287	fa-code
  211. 288	fa-mail-reply-all
  212. 289	fa-reply-all
  213. 29	fa-arrow-circle-o-down
  214. 290	fa-star-half-empty
  215. 291	fa-star-half-full
  216. 292	fa-star-half-o
  217. 293	fa-location-arrow
  218. 294	fa-crop
  219. 295	fa-code-fork
  220. 296	fa-unlink
  221. 297	fa-chain-broken
  222. 298	fa-question
  223. 299	fa-info
  224. 3	fa-search
  225. 30	fa-arrow-circle-o-up
  226. 300	fa-exclamation
  227. 301	fa-superscript
  228. 302	fa-subscript
  229. 303	fa-eraser
  230. 304	fa-puzzle-piece
  231. 305	fa-microphone
  232. 306	fa-microphone-slash
  233. 307	fa-shield
  234. 308	fa-calendar-o
  235. 309	fa-fire-extinguisher
  236. 31	fa-inbox
  237. 310	fa-rocket
  238. 311	fa-maxcdn
  239. 312	fa-chevron-circle-left
  240. 313	fa-chevron-circle-right
  241. 314	fa-chevron-circle-up
  242. 315	fa-chevron-circle-down
  243. 316	fa-html5
  244. 317	fa-css3
  245. 318	fa-anchor
  246. 319	fa-unlock-alt
  247. 32	fa-play-circle-o
  248. 320	fa-bullseye
  249. 321	fa-ellipsis-h
  250. 322	fa-ellipsis-v
  251. 323	fa-rss-square
  252. 324	fa-play-circle
  253. 325	fa-ticket
  254. 326	fa-minus-square
  255. 327	fa-minus-square-o
  256. 328	fa-level-up
  257. 329	fa-level-down
  258. 33	fa-rotate-right
  259. 330	fa-check-square
  260. 331	fa-pencil-square
  261. 332	fa-external-link-square
  262. 333	fa-share-square
  263. 334	fa-compass
  264. 335	fa-toggle-down
  265. 336	fa-caret-square-o-down
  266. 337	fa-toggle-up
  267. 338	fa-caret-square-o-up
  268. 339	fa-toggle-right
  269. 34	fa-repeat
  270. 340	fa-caret-square-o-right
  271. 341	fa-euro
  272. 342	fa-eur
  273. 343	fa-gbp
  274. 344	fa-dollar
  275. 345	fa-usd
  276. 346	fa-rupee
  277. 347	fa-inr
  278. 348	fa-cny
  279. 349	fa-rmb
  280. 35	fa-refresh
  281. 350	fa-yen
  282. 351	fa-jpy
  283. 352	fa-ruble
  284. 353	fa-rouble
  285. 354	fa-rub
  286. 355	fa-won
  287. 356	fa-krw
  288. 357	fa-bitcoin
  289. 358	fa-btc
  290. 359	fa-file
  291. 36	fa-list-alt
  292. 360	fa-file-text
  293. 361	fa-sort-alpha-asc
  294. 362	fa-sort-alpha-desc
  295. 363	fa-sort-amount-asc
  296. 364	fa-sort-amount-desc
  297. 365	fa-sort-numeric-asc
  298. 366	fa-sort-numeric-desc
  299. 367	fa-thumbs-up
  300. 368	fa-thumbs-down
  301. 369	fa-youtube-square
  302. 37	fa-lock
  303. 370	fa-youtube
  304. 371	fa-xing
  305. 372	fa-xing-square
  306. 373	fa-youtube-play
  307. 374	fa-dropbox
  308. 375	fa-stack-overflow
  309. 376	fa-instagram
  310. 377	fa-flickr
  311. 378	fa-adn
  312. 379	fa-bitbucket
  313. 38	fa-flag
  314. 380	fa-bitbucket-square
  315. 381	fa-tumblr
  316. 382	fa-tumblr-square
  317. 383	fa-long-arrow-down
  318. 384	fa-long-arrow-up
  319. 385	fa-long-arrow-left
  320. 386	fa-long-arrow-right
  321. 387	fa-apple
  322. 388	fa-windows
  323. 389	fa-android
  324. 39	fa-headphones
  325. 390	fa-linux
  326. 391	fa-dribbble
  327. 392	fa-skype
  328. 393	fa-foursquare
  329. 394	fa-trello
  330. 395	fa-female
  331. 396	fa-male
  332. 397	fa-gittip
  333. 398	fa-sun-o
  334. 399	fa-moon-o
  335. 4	fa-envelope-o
  336. 40	fa-volume-off
  337. 400	fa-archive
  338. 401	fa-bug
  339. 402	fa-vk
  340. 403	fa-weibo
  341. 404	fa-renren
  342. 405	fa-pagelines
  343. 406	fa-stack-exchange
  344. 407	fa-arrow-circle-o-right
  345. 408	fa-arrow-circle-o-left
  346. 409	fa-toggle-left
  347. 41	fa-volume-down
  348. 410	fa-caret-square-o-left
  349. 411	fa-dot-circle-o
  350. 412	fa-wheelchair
  351. 413	fa-vimeo-square
  352. 414	fa-turkish-lira
  353. 415	fa-try
  354. 416	fa-plus-square-o
  355. 417	fa-space-shuttle
  356. 418	fa-slack
  357. 419	fa-envelope-square
  358. 42	fa-volume-up
  359. 420	fa-wordpress
  360. 421	fa-openid
  361. 422	fa-institution
  362. 423	fa-bank
  363. 424	fa-university
  364. 425	fa-mortar-board
  365. 426	fa-graduation-cap
  366. 427	fa-yahoo
  367. 428	fa-google
  368. 429	fa-reddit
  369. 43	fa-qrcode
  370. 430	fa-reddit-square
  371. 431	fa-stumbleupon-circle
  372. 432	fa-stumbleupon
  373. 433	fa-delicious
  374. 434	fa-digg
  375. 435	fa-pied-piper
  376. 436	fa-pied-piper-alt
  377. 437	fa-drupal
  378. 438	fa-joomla
  379. 439	fa-language
  380. 44	fa-barcode
  381. 440	fa-fax
  382. 441	fa-building
  383. 442	fa-child
  384. 443	fa-paw
  385. 444	fa-spoon
  386. 445	fa-cube
  387. 446	fa-cubes
  388. 447	fa-behance
  389. 448	fa-behance-square
  390. 449	fa-steam
  391. 45	fa-tag
  392. 450	fa-steam-square
  393. 451	fa-recycle
  394. 452	fa-automobile
  395. 453	fa-car
  396. 454	fa-cab
  397. 455	fa-taxi
  398. 456	fa-tree
  399. 457	fa-spotify
  400. 458	fa-deviantart
  401. 459	fa-soundcloud
  402. 46	fa-tags
  403. 460	fa-database
  404. 461	fa-file-pdf-o
  405. 462	fa-file-word-o
  406. 463	fa-file-excel-o
  407. 464	fa-file-powerpoint-o
  408. 465	fa-file-photo-o
  409. 466	fa-file-picture-o
  410. 467	fa-file-image-o
  411. 468	fa-file-zip-o
  412. 469	fa-file-archive-o
  413. 47	fa-book
  414. 470	fa-file-sound-o
  415. 471	fa-file-audio-o
  416. 472	fa-file-movie-o
  417. 473	fa-file-video-o
  418. 474	fa-file-code-o
  419. 475	fa-vine
  420. 476	fa-codepen
  421. 477	fa-jsfiddle
  422. 478	fa-life-bouy
  423. 479	fa-life-buoy
  424. 48	fa-bookmark
  425. 480	fa-life-saver
  426. 481	fa-support
  427. 482	fa-life-ring
  428. 483	fa-circle-o-notch
  429. 484	fa-ra
  430. 485	fa-rebel
  431. 486	fa-ge
  432. 487	fa-empire
  433. 488	fa-git-square
  434. 489	fa-git
  435. 49	fa-print
  436. 490	fa-hacker-news
  437. 491	fa-tencent-weibo
  438. 492	fa-qq
  439. 493	fa-wechat
  440. 494	fa-weixin
  441. 495	fa-send
  442. 496	fa-paper-plane
  443. 497	fa-send-o
  444. 498	fa-paper-plane-o
  445. 499	fa-history
  446. 5	fa-heart
  447. 50	fa-camera
  448. 500	fa-circle-thin
  449. 501	fa-header
  450. 502	fa-paragraph
  451. 503	fa-sliders
  452. 504	fa-share-alt
  453. 505	fa-share-alt-square
  454. 506	fa-bomb
  455. 507	fa-soccer-ball-o
  456. 508	fa-futbol-o
  457. 509	fa-tty
  458. 51	fa-font
  459. 510	fa-binoculars
  460. 511	fa-plug
  461. 512	fa-slideshare
  462. 513	fa-twitch
  463. 514	fa-yelp
  464. 515	fa-newspaper-o
  465. 516	fa-wifi
  466. 517	fa-calculator
  467. 518	fa-paypal
  468. 519	fa-google-wallet
  469. 52	fa-bold
  470. 520	fa-cc-visa
  471. 521	fa-cc-mastercard
  472. 522	fa-cc-discover
  473. 523	fa-cc-amex
  474. 524	fa-cc-paypal
  475. 525	fa-cc-stripe
  476. 526	fa-bell-slash
  477. 527	fa-bell-slash-o
  478. 528	fa-trash
  479. 529	fa-copyright
  480. 53	fa-italic
  481. 530	fa-at
  482. 531	fa-eyedropper
  483. 532	fa-paint-brush
  484. 533	fa-birthday-cake
  485. 534	fa-area-chart
  486. 535	fa-pie-chart
  487. 536	fa-line-chart
  488. 537	fa-lastfm
  489. 538	fa-lastfm-square
  490. 539	fa-toggle-off
  491. 54	fa-text-height
  492. 540	fa-toggle-on
  493. 541	fa-bicycle
  494. 542	fa-bus
  495. 543	fa-ioxhost
  496. 544	fa-angellist
  497. 545	fa-cc
  498. 546	fa-shekel
  499. 547	fa-sheqel
  500. 548	fa-ils
  501. 549	fa-meanpath
  502. 55	fa-text-width
  503. 56	fa-align-left
  504. 57	fa-align-center
  505. 58	fa-align-right
  506. 59	fa-align-justify
  507. 6	fa-star
  508. 60	fa-list
  509. 61	fa-dedent
  510. 62	fa-outdent
  511. 63	fa-indent
  512. 64	fa-video-camera
  513. 65	fa-photo
  514. 66	fa-image
  515. 67	fa-picture-o
  516. 68	fa-pencil
  517. 69	fa-map-marker
  518. 7	fa-star-o
  519. 70	fa-adjust
  520. 71	fa-tint
  521. 72	fa-edit
  522. 73	fa-pencil-square-o
  523. 74	fa-share-square-o
  524. 75	fa-check-square-o
  525. 76	fa-arrows
  526. 77	fa-step-backward
  527. 78	fa-fast-backward
  528. 79	fa-backward
  529. 8	fa-user
  530. 80	fa-play
  531. 81	fa-pause
  532. 82	fa-stop
  533. 83	fa-forward
  534. 84	fa-fast-forward
  535. 85	fa-step-forward
  536. 86	fa-eject
  537. 87	fa-chevron-left
  538. 88	fa-chevron-right
  539. 89	fa-plus-circle
  540. 9	fa-film
  541. 90	fa-minus-circle
  542. 91	fa-times-circle
  543. 92	fa-check-circle
  544. 93	fa-question-circle
  545. 94	fa-info-circle
  546. 95	fa-crosshairs
  547. 96	fa-times-circle-o
  548. 97	fa-check-circle-o
  549. 98	fa-ban
  550. 99	fa-arrow-left

　　

FontAwesome图标选择器的更多相关文章

  1. 第八十四节，css布局小技巧及font-awesome图标使用

    css布局小技巧及font-awesome图标使用 图片鼠标放上去遮罩效果,显示文字 当鼠标放上去时 /*最外层div*/ .a{ width: 384px; height: 240px; backg ...

  2. fontawesome-iconpicker 自定义字体图标选择器

    官网地址:https://farbelous.io/fontawesome-iconpicker/ 头部文件引入 <!--本地地址--> <link href="../cs ...

  3. 直接在 CSS 中引用 FONTAWESOME 图标（附码表）

    直接在 CSS 中引用 FONTAWESOME 图标(附码表) 因此我们如果不想用 Fontawesome 提供的类,只想在 css 里面引用图标的话,可以这样子,请自行脑补: .icon:befor ...

  4. 学习WPF——使用Font-Awesome图标字体

    图标字体介绍 在介绍图标字体之前,不得不介绍图标格式ICON ICON是一种图标格式,我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可爱的企鹅,我的电脑是一个显示器图标 ----- ...

  5. [Qt] fontawesome图标

    fontawesome图标 fontawesome是一个图标的集合,里面有好多的图标,使用起来也还是非常方便的. 图标信息可以到官网去查:http://fontawesome.io/cheatshee ...

  6. 在 Windows Forms 和 WPF 应用中使用 FontAwesome 图标

    前言 FontAwesome 大家都不陌生,精美的图标,出现在各式各样的网页中. 最近在做 Windows Forms 应用程序,要求美观,就想能不能把 FontAwesome 图标用上,于是就有了本 ...

  7. FontAwesome 图标字体库的使用

    在前端开发中,许多新手常会遇见一个问题,参考的网页上有类似下图的图标,但在资源里却找不到对应的文件,这是因为这些网页使用了图标库.这里介绍一种常见的图标库——FontAwesome的使用. 1.登录F ...

  8. bootstrap之FONTAWESOME 图标

    终于暂时的结束了winform迎来了B/S的项目,这个需要我们自己写前端页面,要用bootstrap搭页面,本人小白,正在慢慢摸索中,主要记录遇到的问题,及解决办法. 第一个,显示时间选择的控件.我在 ...

  9. fontawesome图标字体库组件在服务器上显示不出来图标的解决

    这个组件在我所开发的网站中被大量使用,为网站增色不少.在本地测试的时候所有图标都能显示出来,可一到服务器上就显示不出来了.网上查列出了可能的原因.其一,IIS没有注册字体类型.经过检查,不存在这个问题 ...

随机推荐

  1. HAOI(十二省联考)2019 qwq记

    \(\large{Day\ -1}:\) 放假了,白天大概是抱着最后一次在机房的心态复习着板子过去的.看着机房里的各位神仙丝毫不慌的颓倒是有点慌了,敲了一下多项式的板子感觉写的相当自闭,感觉AFO应该 ...

  2. [NOIP提高组2011day1t2]选择客栈

    我看到有人用线段树来写而且想法和我的差不多,但是代码有一点复杂,所以我就贴一下我的做法. 思路 首先一定知道纯暴力50分差不多了,所以看到k非常的小,那么就从k入手. 不知道有没有人和我一样是先枚举颜 ...

  3. Ubuntu相关配置

    1.Ubuntu配置root密码 2.开机ssh连接--nat   编辑网络设置端口转发

  4. Nginx-Cluster 构建

    nx-Cluster and ReverseProxyServer-----------ReProxy-------------------------Client-----------192.168 ...

  5. CANOE入门（三）

    最好的学习方式是什么?模仿.有人会问,那不是山寨么?但是我认为,那是模仿的初级阶段,当把别人最好的设计已经融化到自己的血液里,变成自己的东西,而灵活运用的时候,才是真正高级阶段.正所谓画虎画皮难画骨. ...

  6. 用go语言实现线程池

    代码放在 https://github.com/bigben0123/workerPool 安装完go软件后.执行目录中的install.cmd即可.

  7. A1117. Eddington Number

    British astronomer Eddington liked to ride a bike. It is said that in order to show off his skill, h ...

  8. MySQL表结构的优化和设计

    仅供自己学习   结论写在前面: 1.给字段选取最合适的数据类型 2.数据类型的宽度尽可能的小 3.给where条件的字段设置索引 4.允许部分数据冗余 5.字段要尽可能的设置为not null,特别 ...

  9. 数位DP+其他

    参考资料: [1]:数位dp总结 之 从入门到模板 [2]:浅谈数位DP 题目一览表 来源 考察知识点 A 4352 "XHXJ's LIS" hdu 数位DP+状压DP+LIS ...

  10. Tomcat源码组织结构

    Tomcat 源码组织结构 目录结构 这里所介绍的目录结构,是使用CATALINA-BASE变量定义的路径,如果没有通过配置多个CATALINA-BASE目录来使用多实例,则CATALINA-BASE ...