这篇文章是为了总结了一下这个寒假的寒假作业——极客网工作室官网制作
前期准备
这个官网是主要制作我们工作室一个展示的官网。其中分为三个小组,有前端、后台。而我,也恰巧使我们小组的组长。这也是我在这个寒假做的唯一的一件大事情。
首先,是小组进行了讨论,主要是针对需求文档,包括一些基本信息,基本功能实现、网页设计制作、人员分配等问题(因为我们只是寒假放假之后短暂的停留几天,都会各自回家,所以详细的讨论更分工就显得尤为重要)。
大致讨论内容
网页模式:长网
本机服务器:MySQL
工具:coding、、RAP
-
规范:《百度前端代码规范》
写代码命名加上自己的首字母+下划线,如税小豪(S_)
长网页每个人负责的版块用一个整的<div>括起来
实现技术:HTML、CSS、JavaScript/JQuery、Java、Spring MVC、Ajax
-
前后端版块实现
- 前端展示页
- 后台数据库
- 后台管理界面
-
功能:
- 导航栏:首页、工作室简介、成员介绍、毕业去向、加入我们
- 主页:背景大图+logo+轮播
- 工作室简介
- 成员介绍(交互)
- 交互数据:name(成员姓名)、 img(照片地址) 、grade(年级) 、direction(技术方向 )、motto(格言)
- 毕业去向(交互)
- company(公司)
- 加入我们(交互)
- 传给后台:name(姓名) 、shoolName(学院) 、major(专业) 、studentId(学号) 、direction(技术方向)
前期准备的问题
- 因为我们是在学校进行讨论,准备回家后做,可是这样就出现了严重的时间效率拖延问题,以至于是最后大家提前回学校进行制作的。
- 作为组长,我没有做好详细的分配,是我的失责
- 还有就是网页样式制作的准备不够,造成了我们后期对样式修改的程度比较大
- 工具的使用没有正确。虽然用的是coding,可是前期框架没有搭好,在后期也造成了一定问题
正式制作
正式制作,我主要负责了后台管理界面和前端界面的毕业去向这一块。
主要技术使用
这次我只是单独说一下我负责的那块的技术使用。
- HTML、css 两样进行了基本样式的制作
- 用简单的css3 进行了一些动画效果的制作
- 用jQuery写的ajax进行交互
- 用ajax进行动态请求分页
这次我用的最多的就是ajax的交互使用,所以说,我更多的是增加了对ajax的一些熟悉度和他的基本原理。
制作中的问题
- 因为之前我几乎没有接触过css3,所以并未处理好css3动画效果的兼容性
- ajax的代码量太大,没有做到很好的优化代码量,不过在后期的制作中,我注意到了这一点
- ajax的异步请求问题。前期通过了一个ES6中的promise使其纵向加载。后期也可以通过写在ajax里面进行ajax来解决问题
- 代码比较乱,因为我们的代码展示都在同一个页面,虽然前期说了代码规范,不过后来还是出现了一些问题,而且也忘了JavaScript中将代码封装在立即执行函数中
总结
这次项目是一个不大不小的项目。作为组长的我在分配以及调节方面都有不可推卸的责任,这也是我之后制作项目的一个警戒。不过看到项目完工,其实也有一种莫名的自豪感,哈哈哈,还是觉得实实在在敲代码比较好。。
一个寒假,原本的学习计划都没有好好执行。QAQ,新学期,我要进行新学习咯,加油,好好学习!