当前课程知识点:软件开发实训--动态网站开发 > 1 前端需求分析 > 1.2网站需求分析 > 1.2.2网站需求分析
同学
你好
欢迎回到软件开发实训课堂
在前面的一节课里
咱们讲了
这次训练的主要内容以及学习的方法
从这节课开始
咱们再接着讲
具体的实训任务
这节课我们首先来讲
需求分析
当一个客户来找你做网站或者是做软件时
一定会有一定的要求
那么你的任务就是把客户的这种要求
转变成咱们网站
或者是软件的功能需求
把这种客户要求
转变成软件的功能需求的过程
我们就称之为需求分析过程
那么如何来做这些需求分析呢
今天我们就来讲一讲
好
下面我们来看一下今天的理论都有哪些
第一个就是我们的网站介绍
那么你要做网站了
如果你连网站是什么都不知道
那么如何来做呢
所以我们需要去了解什么是网站
而且在当前的互联网上
网站都有哪些分类
同时我们要完成一个工作任务
就是根据我们实训的参考网站
来提出软件网站的功能需求
从而实现我们前端界面的总体要求
那么什么是网站呢
所谓网站实际上是资源的集合
而且它是对外共享的
所以我们可以这样去给它定义
资源往往是通过
网页来展示给用户的
所以我们说
网站其实就是网页的集合
或者叫资源的集合
那么网页它所能涵盖的资源都有哪些
这包括了图片视频文字等等这些多媒体信息
当然了所有的这些信息都是共享的
如果是绝密的东西
通常不会放在网站上
那么在网站的具体上
我们把它分成了静态网站和动态网站
什么是静态网站呢
一个网站一旦制作完成发布到网上后
如果需要修改
必须有专业的人士来修改
这是其一
其二
静态网站它不能够与用户进行交互
也就是浏览你网站的人
不能提交信息到你的网站上来
只能去浏览
相对于静态网站
动态网站的功能就更加丰富了
它包括了静态网站的所有内容
而且还增加了用户的交互
这样用户就可以根据自己的需要
提交或者下载相关的信息
下面我们再来看一下网站的分类
实际上网站的分类到目前为止种类非常多
但主要集中在购物网站
比如说
我们在购物的时候用的淘宝
京东天猫等等
还有门户网站
比如我们经常用到的看新闻的百度新浪
等等这些网站
在一个是我们政府部门的一些网站
比如国家的教育部
各个省的教育厅等等
另外一个
在线课堂在线教育网站
比如说腾讯课堂
网易的云课堂
以及中国大学的慕课等等
这些个都是教育类的网站
还有搜索引擎
搜索引擎相信每一个上网的人都用过
最有名的就是我们所说的百度
百度你可以搜索
你需要的任何想要找的内容
当然了
还有一些搜狗360等等
这样的搜索引擎
实际上他们也是网站
再有一个就是我们通常公司需要的网站
公司为了在网上宣传自身
它需要有一个网站来展示自己的内容
那么我们训练的内容就是基于公司的网站
那么到底什么样的公司网站
我们能够更好的去完成训练
我们的目的
不是在做网站
要注意
我们的目的是通过网站的实施来训练
我们掌握html5以及Java的相关技术
所以一定要明确
但是我们的训练还要按照公司的
软件实施过程来进行
因为我们是训练的第一个项目
所以我们要找一个简单的网站来做
那么既然是要做就要有需求
那么做一个什么样的网站
这里有一个参考的网站
也就是相当于我们说客户提出了一个需求
它要做一个网站
网站的内容都包括哪些
第一个首先是它有一个英文的网站
英文的内容就包括了第一个关于
关于公司
也是对公司的一个简要的介绍
第二个
公司的事件
公司最近都做了些什么
与哪些地方进行了合作等等
这样的事件
再一个是公司的产品
产品又有四个产品
这四个产品要在网站上把它展示出来
让浏览者以对产品进行了解
并掌握他的信息
从而可以订购公司的产品
再一个公司通常都会有客户
他给自己的客户提供了哪些解决方案呢
所以网站还需要展示出它的业绩
也就是它为其他用户所提供的解决方案
最后需要把公司的联系信息放在网站上
如果有客户对自己的产品感兴趣
可以打电话发email等等
这样我们就能够掌握到客户的一些资料
这是目前我们所参考的网站
它对内容上的一个要求
那么在做网站时
还有一个要求
就是网站要显得简洁大方
为了实现这个
我们就需要去分析它
而且在公司中分析的时候
你要与设计师一起来完成这样的分析
那么网站的需求分析
通常我们从前端和后端这两个方面入手
前端主要是界面如何去美
操作如何去简单
而后端是管理员在发布内容时如何更方便
这个就是我们需要去分析的
去找出的东西
那么对于前端主要有三个方面的需求分析
第一个
是界面的布局
你的界面该如何去摆放你的内容
第二个
你的具体摆放内容是什么
就像我们布局一个房间
你把房间布置的怎么样
东西怎么去摆
一个一个的都要把它规划出来
最后展现方式
你是以矩形的形式来展现
还是以圆形的形式来展现等等
这些个都需要你把它预先的设计出来
有了这样的分析之后
那么我们就可以具体的来看一下
该怎么去把每一个步骤进行完成
而对于布局
通常网站实行的都是行与列的结合
你可以去参考网上现有的网站
大部分的网站
都是以行和列的形式来展现的
比如说我们讲的腾讯
新浪这样的门户网站
它的内容非常之多
但是它摆放布局的非常好
因为它实际上
就是用行和列的形式来布局的
另外一个
我们显示具体的内容有哪些
对于我们参考的网站来讲
你看有导航菜单
最顶上的一行
让用户可以快速的找到他需要的内容
企业的logo
代表了企业的形象
还有幻灯片
用一些动画来展示企业的信息
再有还有滚动的内容
滚动的通常是事件
公司最近做了些什么事
开了一些什么展会
参加了什么活动
发布了什么产品
都可以放到这种滚动内容里
当一个浏览者进来之后
滚动会吸引他的眼球
最后你可以发现任何一个网站
它的最下边的内容
就是版权信息
这个是必要的
必须要的
最后我们来看一下展示方式
一个是文字
再一个用图片来展示
幻灯片的方式来展示
以及滚动的形式来展示
既然有滚动的内容
那么我们就要用滚动去展示
有幻灯片的内容
我们就用幻灯片的形式去展示它
这样我们就能够把
整体的界面有一个大概的框架
有了这个框架设计师才能去设计它
在设计的时候
你还要与设计师去分析
分析到底是几行几列
一个行里边如何分列
一个列里边是否包含了行
一个一个的把它都分析出来
看一下我们主要用了三行
为什么是三行
根据内容来定
这个要注意
还有一个顶部行
内容行
底部行
我们发现它参考网站
通过这三行就能解决它的所有问题
而它的中间部分
实际上就是用列来完成的
再看页面的内容总体宽度
以及它的背景色等等
那么整体的宽度怎么来决定
我是百分之百的宽度
还是固定一个数字
我们这里固定的就是768
对于现在的屏幕来讲
768已经是很小了
可是为什么这么小呢
原因就是客户的内容不多
它的每一篇文章
你可以发现首页的内容
文章内容比较少
如果你过于宽的话
会造成它的网站整个页面是扁的
所以对于用户浏览者来讲
往往从高度的方向来解决内容上的充实
你要过于扁的话
显得你网站的内容不够充实
所以我们把尺寸放到了768
而背景也用最简洁的白色
因为我们在白色的上面就像画画一样
用其他颜色来衬托出我们内容的区域
有了这些设计师就可以去设计了
而你身为一个软件的开发工程师
你也需要去通过当前的分析
来决定你的功能了
实际上你的功能主要一个
就是要有一个管理后台
你能管理它
内容你要随时可以去修改它
另外一个就是
你要把前端需要的内容传递给它
这些个都需要你把它分析出来后
去实现它
那么具体分析出来了哪些内容呢
记得把它形成文档
可以提交到我们的讨论区
我们一起来探讨
最后我们再来看一下系统的运行环境
每个客户他的要求不一样
有的客户也许会直接提出我的环境是什么
你要按照我的环境
去选择需要的软件语言等等
但是我们训练是基于Java的
我们训练的内容就是Java
所以我们选择开发的语言就使用Java
而且我们用较为新版的
Java8以上的版本
可以让你接触到新的Java特性
另外一个服务器
也就是Java Web它运行的软件服务器
我们采取的就是开源的Tomcat8
最后
我们的布局
也就是我们把我们系统要发布到
哪一个地方
这里边我们选择了
Linux和Windows两种系统
实际上只要你能运行Tomcat8的所有系统
我们都可以去发布我们的内容
这是我们对整个训练的需求
以及我们的环境的一个说明
这节课就讲到这里
下节课再见
-1.1课程介绍
--1.1.3随堂测试
-1.2网站需求分析
--1.2.4随堂测试
-1.3网站首页分析
--1.3.3随堂测试
-1.4导航菜单分析
--1.4.3随堂测试
-1.5内容区域分析
--1.5.3随堂测试
-1.6内容副页面分析
-1.7编写需求文档
-2.1后端页面总体分析
--2.1.3随堂测试
-2.2用户管理功能设计
--2.2.3随堂测试
-2.3内容与分类功能分析
--2.3.3随堂测试
-2.4网站配置功能设计
--2.4.4随堂测试
-2.5数据库及表结构分析
-总体设计文档
-3.1前台模板约定
--3.1.3随堂测试
-3.2网站配置接口设计
--3.2.3随堂测试
-3.3菜单接口设计
--3.3.3随堂测试
-3.4内容接口设计
--3.4.3随堂测试
-3.5幻灯片接口设计
--3.5.3随堂测试
-补充设计文档
-4.1用户管理功能设计
--4.1.3随堂测试
-4.2菜单管理功能设计
--4.2.3随堂测试
-4.3内容管理功能设计
--4.3.3随堂测试
-4.4网站配置信息设计
--4.4.3随堂测试
-完成设计文档
-4.6随堂测试
-5.1开发环境搭建
--5.1.2随堂测试
-5.2Web前端环境搭建
-5.3创建用户实体
--5.3.2随堂测试
-5.4用户实体表创建与初始化
--5.4.2随堂测试
-5.5用户数据访问接口实现
--5.5.2随堂测试
-5.6环境搭建问题
-6.1用户服务层接口实现
--6.1.2随堂测试
-6.2用户列表和编辑控制器实现
--6.2.2随堂测试
-6.3用户存储和删除控制器实现
-6.4用户添加、编辑界面实现
-6.5用户管理添加用户调试
-7.1用户查询模板实现
--7.1.2随堂测试
-7.2用户信息编辑的实现
-7.3单个用户删除实现
-7.4多个用户删除实现
-8.1用户列表分页基本实现
-8.2用户列表查询结果分页实现
-8.3通用日期处理
-8.4整型日期处理
--8.4.2随堂测试
-8.5枚举数据的应用
-9.1登录逻辑实现
--9.1.2随堂测试
-9.2登录界面及流程调试
--9.2.2随堂测试
-9.3管理主界面实现
--9.3.2随堂测试
-9.4授权验证拦截器实现
--9.4.2随堂测试
-9.5拦截器调试
-10.1分类接口实现
-10.2分类添加、编辑实现
-10.3分类树结构实现
-10.4分类删除实现
--10.4.2随堂测试
-11.1内容实体定义
-11.2相关接口定义
-11.3服务接口实现
-11.4内容添加、编辑模板实现
-11.5内容添加、编辑控制器实现
-11.6内容检索页面实现
-11.7内容分类树实现
-12.1修改UEditor相关问题
-12.2整合UEditor到内容编辑界面
-12.3UEditor图片对话框应用
-12.4文件上传问题处理
-13.1网站配置相关类实现
-13.2网站配置界面模板实现
-13.3网站配置调试
-14.1网站首页布局实现
-14.2菜单Vue组件实现
--14.2.2随堂测试
-14.3幻灯片Vue组件实现
-14.4滚动Vue组件实现
--14.4.2随堂测试
-14.5滚动接口实现
-14.6滚动接口调试
-14.7幻灯片接口实现
-15.1首页区域实现
-15.2首页内容脚本实现
-15.3首页完善
-15.4Vue组件放入单文件
-15.5详细页面实现
-16.1网站测试介绍
-16.2功能测试
-16.3打包发布
-16.4部署运行
--16.4.2随堂测试