`
softkid
  • 浏览: 101542 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

基于Extjs的桌面风格网站

    博客分类:
  • Ajax
阅读更多

        历经近一个月的学习和开发,基于Extjs和开源框架(Struts+Spring+Hibernate),数据库使用MysQL的蓝杰网终于上线了。

       前台使用Extjs源码中带的sample desktop,界面非常简洁,漂亮,具有典型的RIA风格,后台使用Viewport。

       话不多说,来几张图片看看效果。

      以下是前台的页面截图
系统首页
 

 
    

 注册用户可以填写自己的简历


 

 

以下是后台管理的页面截图

 




 

 由于我和我同学都是第一次开发实战项目,难免有许多的缺陷和错误,还请大家多多批评指正。如果您在浏览网站的过程中发现了bug,或者您有什么意见和建议,请使用“意见提交”功能提交您的意见或建议,我们会参考您的建议尽快进行修正。

 

另外,请选择IE浏览器,系统在FF,Chrome浏览器下有点bug,在“桌面”上开启两个window时,消息确认框会隐藏在window的后面,对此我们尚未想出解决办法。如果您能够帮助我们解决此问题,我们将不甚感激。

在 stworthy 的帮助下,上述问题已经解决。

 

 

 

在许多朋友的建议和帮助下,网站修复了许多bug,在此说声:谢谢!

  • 大小: 48.5 KB
  • 大小: 96.1 KB
  • 大小: 38.9 KB
  • 大小: 47.9 KB
  • 大小: 27.1 KB
  • 大小: 58 KB
  • 大小: 73.8 KB
  • 大小: 117.1 KB
分享到:
评论
109 楼 zengdingshan 2012-02-21  
在哪儿能下到源码,学习下
108 楼 香烟与酒 2010-05-03  
不错,学习下
107 楼 hunnuxiaobo 2010-05-01  
softkid 写道
kjj 写道

对比了一下 http://www.netjava.cn/main/css/desktop.css和http://www.qwikioffice.com/desktop-demo/resources/css/desktop.css的两个样式表的命名习惯,和命名方法,发现惊人的地方....!

你再看看Extjs自带的examples\desktop\css\desktop.css,你会更加吃惊。

wqikioffice built with Ext JS library!
106 楼 goodnight 2009-07-14  
还是在校学生啊?
看了下,做得挺好。
作为网站,ext效率方面的确是个问题,不过这个系统应该是为了学习Ext而弄吧,呵呵。

源码也下了,extjs那部分做得挺好。

后台那部分可以重构一下,service层和dao层可以弄一个Base的父类,减少多余的重复,例如crud那些。

还有action那部分,为什么不直接使用model类而是将model里面的属性写到action呢?感觉getter和setter都挺多。

还有,怎么没看到事务的配置啊,应该是用xml配置吧(我没有看到@Transactional),配置文件在哪里啊?
105 楼 jeff312 2009-07-14  
用于机构内网系统还行,互联网上太慢。

LZ的想法也清楚了,就是为了Ext而ext,其它的倒没怎么考虑。

我自己做的都是生产系统,界面马马虎虎就行,最要紧是快,所以用jquery,并且也只用其中的DOM解析函数和HttpRequest函数,用特效会被人打哦。
104 楼 jamix 2009-07-13  
tenderghost 写道
kjj 写道
楼主看看www.qwikioffice.com这个开源吧,哈哈!!!!!

好惨,我这里竟然打不开demo页面。
\
好强啊...
103 楼 hemin108 2009-06-23  
<p>在进入资源下载的时候  那个资源排序出现了错位 不知道lz能不能解决~~</p>
102 楼 softkid 2009-06-20  
sanfeng_chow 写道
不错不错,我也在长沙,lz有机会切磋切磋一下

呵呵,可以啊
101 楼 sanfeng_chow 2009-06-20  
不错不错,我也在长沙,lz有机会切磋切磋一下
100 楼 spacefly 2009-06-19  
1314520ln 写道
又是这套。。都看腻了啊。。。

有能力你也弄个,就会在这不干事,瞎扯,鄙视这种人

支持楼主!!!
99 楼 softkid 2009-06-18  
wuxi15932077655 写道
楼主比我强多了!  我们在学校也整了不少项目 但是没有一个做的比较精细!
不过你们做的冒次也需要改进!

是啊!要改进的地方还挺多的。
98 楼 wuxi15932077655 2009-06-18  
楼主比我强多了!  我们在学校也整了不少项目 但是没有一个做的比较精细!
不过你们做的冒次也需要改进!
97 楼 softkid 2009-06-17  
alexcheng 写道
看了一下,大家都在反映速度的问题,我用YSlow测试了一下,得分是F(37),性能还是有比较大的问题。按照YSlow的说明调整一下就好了。

我觉得新闻部分的用户体验不是特别的好,应该可以把新闻的摘要显示出来,类似google reader这样的。


嗯,谢谢指教。刚装了个YSlow测了,呵呵,问题还蛮多的。

我们会尽快调整的!
96 楼 alexcheng 2009-06-17  
看了一下,大家都在反映速度的问题,我用YSlow测试了一下,得分是F(37),性能还是有比较大的问题。按照YSlow的说明调整一下就好了。

我觉得新闻部分的用户体验不是特别的好,应该可以把新闻的摘要显示出来,类似google reader这样的。
95 楼 softkid 2009-06-05  
Erecch 写道
一直都还在关注着你。。。

谢谢,我们会努力做得更好!
94 楼 Erecch 2009-06-05  
一直都还在关注着你。。。
93 楼 softkid 2009-06-05  
Seraph115 写道
做为在校的学生,你们做的已经很不错了,细节和安全上还需改进,另外你的登录界面有待于改进,发个链接给你。加油!
登录界面截图:http://seraph115.iteye.com/blog/384330

谢谢你!我看了你那个登陆界面,非常好,很人性化。
顺便问一下,安全方面要怎样改进啊!
92 楼 Seraph115 2009-06-05  
做为在校的学生,你们做的已经很不错了,细节和安全上还需改进,另外你的登录界面有待于改进,发个链接给你。加油!
登录界面截图:http://seraph115.iteye.com/blog/384330
91 楼 microjava 2009-06-03  
嗯是没打开
90 楼 huangtut 2009-06-03  
首次打开很慢

相关推荐

    extjs 桌面风格 管理系统 极力推荐

    EXTJS桌面风格的管理系统适用于企业级应用,如CRM、ERP、OA等,它不仅提供了丰富的功能,还通过优雅的用户界面提升了用户的工作效率。通过深入学习和熟练掌握EXTJS,开发者可以构建出功能强大、易于维护的Web应用,...

    基于ExtJS的通用后台管理系统

    **基于ExtJS的通用后台管理系统** ExtJS是一个强大的JavaScript库,专用于构建桌面级的Web应用程序,特别是企业级的后台管理系统。它提供了丰富的组件库,包括数据网格、表单、图表和其他用户界面元素,使得开发者...

    Extjs实现的桌面系统(MVC)

    在ExtJS中,可以使用`Ext.desktop`模块创建桌面风格的应用,包括任务栏、启动菜单、窗口拖放等特性,为用户提供直观易用的交互体验。 **3. MVC架构** Model-View-Controller(MVC)是一种软件设计模式,常用于分离...

    基于PHP的基于Extjs的PHP企业级开发框架.zip

    【标题】"基于PHP的基于Extjs的PHP企业级开发框架.zip" 提供了一个用于构建企业级应用的开发工具包,结合了PHP编程语言和ExtJS前端框架的优势,旨在提高开发效率并提供强大的用户界面。 【描述】"基于PHP的基于...

    基于ExtJS的WebXML编辑器设计与实现.pdf

    根据给定的文件信息,我们将详细探讨基于ExtJS的WebXML编辑器设计与实现的相关知识点。 首先,ExtJS是一个基于JavaScript的框架,广泛用于构建丰富的Web应用程序的用户界面。它提供了一整套丰富的界面组件,能够...

    SAP风格EXTJS样式,全套

    3. **响应式设计**:SAP风格通常考虑了不同设备和屏幕尺寸的适应性,EXTJS的SAP样式也应具备响应式特性,能自动调整布局以适应桌面、平板和手机等不同设备。 4. **图标和图像**:SAP风格的EXTJS可能会提供一套与SAP...

    EXTJS网站模板

    这种模板通常包含了一系列预设的EXTJS组件和布局,使得开发者能够快速搭建起一个具有Windows桌面风格的Web应用。 在压缩包“网站模板EXTJS”中,可能包含以下内容: - `index.html`:入口HTML文件,引入EXTJS库和...

    一款超炫的后台模版,Ext模拟Windows桌面

    【Ext模拟Windows桌面】是一款基于Java的Web应用后台模版,它利用了ExtJS库的强大功能,将传统的网页界面设计成类似Windows操作系统的工作环境。这个模版为用户提供了一种直观且熟悉的交互体验,使得在Web应用程序中...

    多颜色风格的EXTJS插件皮肤.rar

    EXTJS是一款基于JavaScript的前端框架,它提供了丰富的组件和强大的数据管理能力,广泛应用于构建桌面级Web应用。这款"多颜色风格的EXTJS插件皮肤.rar"资源包为EXTJS用户界面提供了多样化的视觉风格,使得开发者可以...

    extjs6.6框架的web项目(登录+首页)

    这个项目是一个基于EXTJS 6.6的Web应用实例,提供了完整的登录页面和首页布局,包括左侧菜单和列表展示。以下是关于EXTJS 6.6框架以及该项目的关键知识点: 1. **EXTJS 6.6框架**:EXTJS 是由Sencha公司开发的一个...

    一个基于 Extjs + spring + hibernate 的OA框架

    总结来说,这个"基于 Extjs + spring + hibernate 的OA框架"是一个完整的、端到端的企业级应用解决方案,它利用现代Web技术提供强大的用户界面,借助Spring框架实现灵活的业务逻辑,再通过Hibernate实现高效的数据...

    ExtJS教程_完整版

    ExtJS是一个基于JavaScript的开源前端框架,它提供了丰富的用户界面组件和数据处理机制,能够创建具有桌面应用程序般体验的Web应用。 ### ExtJS的基本功能和优势 ExtJS支持跨浏览器的控件,这意味着开发者不需要为...

    extjs后台界面模板3.zip

    EXTJS是一种基于JavaScript的富客户端应用框架,专用于构建企业级的Web应用程序,尤其适合创建复杂的后台管理界面。EXTJS后台界面模板3.zip提供了一个完整的后台管理系统的界面模板,包括了机构、用户、角色和权限...

    ExtJS--Windows.rar_extjs_extjs CSharp_extjs windows

    ExtJS是一种基于JavaScript的前端框架,用于构建富客户端应用程序。这个名为"ExtJS--Windows.rar"的压缩包显然是关于如何使用ExtJS来模仿Windows桌面应用的示例或教程。让我们深入探讨一下ExtJS以及如何利用它来实现...

    合同管理系统 extjs开发的 让大家一起学习

    《合同管理系统基于EXTJS的开发详解》 在信息化飞速发展的今天,合同管理系统的构建对于企业来说至关重要。它能够高效地处理合同的起草、审批、执行、归档等环节,提高工作效率,降低风险。本系统采用EXTJS进行前端...

    Extjs实现的聊天室

    它提供了丰富的组件库,使得开发者可以方便地创建出具有桌面应用风格的用户界面。在本项目中,“Extjs实现的聊天室”利用了ExtJS的组件化特性和WebSocket技术,构建了一个实时的在线聊天平台。 WebSocket是一种在...

    EXTJS与.NET开发

    EXTJS是一种基于JavaScript的前端框架,它用于构建交互式的、数据驱动的Web应用程序。EXTJS提供了丰富的组件库,包括网格、表单、菜单、工具栏等,这些组件可以帮助开发者快速构建用户界面。与此同时,.NET是一种由...

    ExtJs各个版本2-6API汇总.zip

    对于学习和开发基于ExtJS的应用程序来说,这些资源是极其宝贵的。 1. **ExtJS 2.0 API**: 在ExtJS 2.0中,核心组件系统已经相当成熟,包括Grid、Form、Tree等关键组件。这个版本引入了布局管理器,使得页面布局更加...

    免费 Extjs4.0教程视频

    - Extjs 4.0支持桌面风格的应用程序开发。 - 如何创建桌面窗口、启动程序等。 - **实战操作**: - 演示如何构建一个简单的桌面应用程序,包括窗口管理、任务栏集成等功能。 以上内容覆盖了Extjs 4.0的基础知识到...

    ExtJS模拟Windows桌面模板

    ExtJS是一种基于JavaScript的开源框架,用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。这个"ExtJS模拟Windows桌面模板"是一个使用ExtJS框架创建的项目,它旨在为用户提供一个类似于Windows操作系统桌面...

Global site tag (gtag.js) - Google Analytics