这种漂亮的web界面怎么实现的，自己想研究下

[秋的红果实]

自己不是做前端的，不是很专业，但有一定基础，想研究下这种界面，希望
（1）图中1,2,3,4这四个地方分别怎么实现的，概要说明即可。
（2）完整代码，发邮箱也行。
jq或js的都可以

[ajianchina]

bootstrap我用的还是挺爽的，你这个照样可以搞定，侧边折叠导航自不在话下，可关闭的tab也有很多很多方法来实现，譬如引用bootstrap-closable-tab.js即可，最终完成后的效果比你这好看。

[ajianchina]

bootstrap-closable-tab 可关闭tab组件的使用给你找了一个使用方法，实现你的效果就更简单了。 http://zyqwst.iteye.com/blog/2309438

[秋的红果实]

（1）图中1,2,3,4这四个地方分别怎么实现的，概要说明即可。 或者（2）完整代码，发邮箱也行。 有一种即可

[满庭花醉三千客]

你说得是EasyUI？ http://www.jeasyui.net/

[念叨悠悠]

这种UI有好多。EXTJS，EasyUI，BUI。应该都能满足你的要求。

[秋的红果实]

感谢各位，明天研究下

[-Arvin]

引用 7 楼 ajianchina 的回复:

bootstrap我用的还是挺爽的，你这个照样可以搞定，侧边折叠导航自不在话下，可关闭的tab也有很多很多方法来实现，譬如引用bootstrap-closable-tab.js即可，最终完成后的效果比你这好看。

bootstrap很不错

[以专业开发人员为伍]

引用 7 楼 ajianchina 的回复:

bootstrap我用的还是挺爽的，你这个照样可以搞定，侧边折叠导航自不在话下，可关闭的tab也有很多很多方法来实现，譬如引用bootstrap-closable-tab.js即可，最终完成后的效果比你这好看。

同意。 最主要的是其性能比较好（因为完全没有 EasyUI上的花哨的东西），对手机浏览器的兼容性。

[hiose89]

看过bootstrap做的 你会觉得你所说的好看其时太丑了

[飞虻]

我来看看咋样啊

[atmo]

就去看看esayUI吧

[笑容融化坚冰]

无聊把模板部署到电脑上，用手机访问同一个页面：

[笑容融化坚冰]

这很漂亮么。
后台管理系统，有很多基于bootstrap的拓展模板。
比如AdminLTE和Metronic等等，截个AdminLTE的图给你看看

[笑容融化坚冰]

而且自适应手机端

[token不能为空]

这界面看上不并不漂亮啊，楼主说的漂亮应该是指功能性全面吧

[低调是种无声的高调]

我相信楼主是刚接触ui

[【Help】]

boostrap+1

[卷泥巴重来]

引用 10 楼 sp1234 的回复:

[quote=引用 7 楼 ajianchina 的回复:] bootstrap我用的还是挺爽的，你这个照样可以搞定，侧边折叠导航自不在话下，可关闭的tab也有很多很多方法来实现，譬如引用bootstrap-closable-tab.js即可，最终完成后的效果比你这好看。

同意。 最主要的是其性能比较好（因为完全没有 EasyUI上的花哨的东西），对手机浏览器的兼容性。[/quote] 确实，但是不可否认，boostrap代码太多了，

[m0_37117374]

这些东西就下一个jquery库，插件自己封装抽象就可以了。完全没有必要使用easyui和bootstrap提供的插件，因为个人觉得不符合我的审美，还有就是查api是个问题。

很简单，做的时候分成非ajax插件和ajax插件两种，像单选.select(option)和多选.multi(option),你可以既提供配置本地数据又可以提供配置向服务器请求json数据然后缓存起来使用。像.tab(option)和.dialog(option)这种就没必要封装ajax了。

插件里面只需要animate一下width,hight,left,top。css设置一下display就可以很轻松的实现你图中的东西。

[EnForGrass]

我觉得你把nopcommerce3.8下载下来看看后台UI（bootstrap，kendoUI），能学到很多