企业门户网站设计说明书
长沙学院工程实训说明书
题目企业门户网站
系(部) 计算机系
专业(班级) 软件工程
姓名袁海武
学号2010022C10
指导教师杨刚
起止日期2011.7.5—2011.10.15
课程设计任务书
课程名称:工程实训(二)
设计题目:企业门户网站
实训目的:
通过本次实训,应具有创建一个静态的小型个人网站,并将其发布到Internet上运行的能力。(1)掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。(2)了解有关WEB网站建设的基本概念与方法。
(3)掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。
(4)掌握网络信息发布与维护的方法。
(5)掌握HTML、EXTJS等页面设计方面相关技术。
已知技术参数和设计要求:
1.问题描述(功能要求):
个人博客系统用来展示个人风采,其中模块主要包括:
(1)首页
(2)公司新闻
(3)关于我们
(4)工艺介绍
(5)业务流程
(6)人才招聘
(7)联系我们
网站常用频道
2. 运行环境要求:
(1)客户端:
windows操作系统
IE浏览器
(2)服务器:
windows server 版操作系统
IIS组件安装
3. 技术要求:
要求分别使用三种不同的方式来实现。
●HTML
●EXTJS
●PhotoShop
(1)了解有关Web网站建设的基本概念与方法。
(2)掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。
(3)掌握网络信息发布与维护的方法。
设计工作量:
40课时
工作计划:
(1) 2010级软件工程所有班级
2课时:课程设计相关知识介绍。多媒体教室
18课时:设计,普通教室。
16课时:上机、调试。计算机系机房
4课时:答辩。计算机系机房。
(具体时间地点老师先申请,机动安排)
指导教师签名:日期:教研室主任签名:日期:系主任签名:日期:
长沙学院课程设计鉴定表
摘要
本次实训任务主要是制作一个企业网站,在制作和设计过程中,运用了记事本,Dreamweaver等一些操作工具,有利的帮助我们更加简单和快捷的制作出了企业网站的各个方面。其中需要我们掌握的最基础的知识是要学会怎样使用EXTJS语言编写代码,做成企业网站的画面。在实训中我认真地一步一步地按照规范的做法去进行,在老师和同学的帮助下,共同完成本次任务。
关键字:实训;Dreamweaver;企业门户;EXTJS
5
目录
1 设计内容与要求 (7)
2.设计说明 (8)
(1)界面设计 (8)
(2)总结 (14)
参考文献 (15)
附录A 源代码 (16)
6
1设计内容与要求
(1)首页显示:首页主要显示公司简介,相关产品展示及联系方式。
(2)公司新闻显示:主要显示公司新闻列表,联系方式,招聘信息。
(3)关于我们显示:主要显示公司简介,经营范围,公司文化,经营理念。(4)工艺介绍显示:显示产品加工方法介绍(工艺内容,工艺范围)。(5)业务流程显示:主要显示产品的业务流程图。
(6)招聘人才显示:显示公司的相关招聘信息。
(7)联系我们显示:内嵌入网络地图,以及公司相关联系方式。
2设计说明
界面设计首页
关于我们
招聘人才
总结
通过本实训,应具有创建一个静态的小型企业门户网站,并将其发布到Internet上运行的能力。
(1)掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。
(2)了解有关Web网站建设的基本概念与方法。
(3)掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。
(4)掌握网络信息发布与维护的方法。
(5)掌握Html、CSS、JavaScript、EXTJS等页面设计方面相关技术。
参考文献
[1] 聂小燕. 中文Dreamweaver8网页制作11日通. 北京:机械工业出版社,2005.
[2]肖振芬,袁伟森. 企业门户网站. 中国软件行业实训平台.
附录A 源代码
首页
Ext.onReady(function(){
new Ext.Panel({
renderTo:'panel',
width:750,
height:110,
html:"
bbar:[{text:'首页',handler:function(){window.location.href="首页.html";}},"-",{text:'公司新闻',handler:function(){window.location.href="公司新闻.html";}},"-",{text:'关于我们',handler:function(){window.location.href="关于我们.html";}},"-",{text:'工艺介绍',handler:function(){window.location.href="工艺介绍.html";}},"-",{text:'业务流程',handler:function(){window.location.href="业务流程.html";}},"-",{text:'招聘人才',handler:function(){window.location.href="招聘人才.html";}},"-",{text:'联系我们',handler:function(){window.location.href="联系我们.html";}}]
});
});
Ext.onReady(function(){
new Ext.Panel({
renderTo:'layout',
layout:'column',
width:1000,
border:false,
items:[{
width:700,
height:700,
title:'公司简介',
frame:true,
style:'margin-top:5px;',
collapsible:true,
html:'
    公司简介
        东风汽车有限公司(简称东风有限)是东风汽车公司与日产汽车公司战略合作携手组建的迄今中国最大汽车合资企业。东风有限于2003年6月9日创立,7月1日正式运营,现任董事长徐平,总裁中村公泰。
},{
width:295,
height:620,
title:'联系我们',
frame:true,
style:'margin-top: 5px;margin-left:5px;',
collapsible:true,
html:'
    联系方式
}]
});
});
Ext.onReady(function(){
new Ext.Panel({
renderTo:'layout',
width:1000,
height:245,
frame:true,
title:'产品图片',
style:'margin-top:5px;',
collapsible:true,
html:'
'})
});
Ext.onReady(function(){
new Ext.Panel({
renderTo:'layout',
width:1000,
border:false,
style:'margin-top:5px',
tbar:[{text:'链接'},'-',{text:'链接'}]
});
});
Ext.onReady(function(){
new Ext.Panel({
renderTo:'layout',
width:990,
height:100,
border:false,
style:'margin-top:5px',
html:'
版权所有@ 2010 东风汽车有限公司
技术支持:东风汽车(集团)零部件有限公司
});
});
公司新闻
var panel1=new Ext.Panel({
renderTo:'panel',
width:750,
height:110,
html:'',
bbar:[{text:'首页',handler:function(){window.location.href="首页.html";}},"-",{text:'公司新闻',handler:function(){window.location.href="公司新闻.html";}},"-",{text:'关于我们',handler:function(){window.location.href="关于我们.html";}},"-",{text:'工艺介绍',handler:function(){window.location.href="工艺介绍.html";}},"-",{text:'业务流程',handler:function(){window.location.href="业务流程.html";}},"-",{text:'招聘人才',handler:function(){window.location.href="招聘人才.html";}},"-",{text:'联系我们',handler:function(){window.location.href="联系我们.html";}}]
});
var data=[
['国内新闻','新品上市','2011-01-08T10:10:10'],
['国际新闻','我们公司着陆美国希尔街','2011-01-08T10:10:10'],
['公司新闻','大力提高公司员工福利待遇','2011-01-08T10:10:10'],
['公司新闻','举行元宵节节目与','2011-01-07T10:10:10'],
['公司新闻','11年公司安排日程','2011-01-08T10:10:10'],
['国内新闻','模具行业再放异彩,较去年提高30个点','2011-01-08T10:10:10'], ['国内新闻','庆周年,公司成立10周年','2011-01-08T10:10:10'],
['国际新闻','同行摩西公司退出美国希尔街','2011-01-08T10:10:10'],
['公司新闻','大力提高公司员工身体素质','2011-01-08T10:10:10'],
['公司新闻','举行端午节日公司同乐','2011-12-31T10:10:10'],
['公司新闻','建党90周年公司在全国各地举办有奖活动','2011-01-08T10:10:10'],
['国内新闻','我公司在英国开张','2011-01-08T10:10:10'],
['国内新闻','新品上市,庆周年','2011-01-08T10:10:10'],
['国际新闻','美国总统邀请我公司总裁聚会与白宫','2011-01-08T10:10:10'], ['公司新闻','公司开展员工身体大检查','2011-01-08T10:10:10'],
['公司新闻','举行迎接中秋公司年会','2011-12-31T10:10:10'],
['公司新闻','举行迎接国庆节目','2011-01-08T10:10:10'],
['国内新闻','国庆公司集体游玩活动','2011-01-08T10:10:10']
];
var store=new Ext.data.ArrayStore({
fields:[
{name:'differentnews'},
{name:'newsname'},
{name:'date',type:'date',dateFormat:'Y-m-dTH:i:s'}
]
});
store.loadData(data);
var grid=new Ext.grid.GridPanel({
renderTo:'grid',
store:store,
title:'公司新闻',
width:740,
height:430,
style:'margin-top:5px;',
frame:true,
columns:[
{header:'新闻类型',dataIndex:'differentnews',width:100,sortable:true}, {header:'新闻名称',dataIndex:'newsname',width:565,sortable:true},
{header:'日期',dataIndex:'date',type:'date',width:100,renderer:Ext.util.Format.dateRendere r('Y年m月d日'),sortable:true}
],