“智·商”商业技能大赛网站开发心得记录

“智·商”商业技能大赛官方网站开发心得记录

现在才来写这篇东西…不是因为忙,而是懒!

这个寒假接到了师弟的一个需求, 请我帮忙去做他们学院一个活动的官方网站,我大概了解之后就接下来了,于是我找了我基友跟我一起做这个网站。


需求是这样的:

竞赛介绍:介绍竞赛来源、历史、举办单位、本届情况等;

通知公告:主要为比赛公告等;

注意事项:关于比赛的注意事项。

队伍注册:在线注册队伍,以队伍为单位参加比赛;

试卷设置:添加试卷试题;包括设置答案以及分值;

在线答题:提供在线同时统一答题功能;

初试结果查询:答题完毕后提供初试结果查询,包括答案与初试分数;

异议申诉:为保证系统自动阅卷的质量,如队伍对题目有异议,可申请异议;异议不会覆盖原始答卷;

异议复审:评审对异议部分进行复审,并给出复审结果;

复审查询:提供初试答卷以及复审结果;

最终成绩:根据初试答卷及复审结果,计算最终成绩;

公开查询:所有队伍完成成绩确认后,公开所有队伍初试答卷、异议题目、复审结果,任何人可进行查阅,以保障竞赛记分评比的透明。

考虑到开始比赛的时候网站人数会大增,我们决定后台框架使用Tornado,它是非阻塞式服务器,而且速度相当快。为了避免审美疲劳,前端采用Pintuer这款新生的国产框架。数据库用的是MySQL,用SVN进行版本控制。

选好了框架之后,我先把基本的路由逻辑写好,然后开始协同开发,我们进行的是快速开发,共同维护一个文档,基本上我们是一个写前端一个写后台,我写的后台比较多,这样出现冲突的地方就少一点。不过还是会遇到冲突的地方的,通常我就是用他写的覆盖我写的再看改了哪里再去修改下。考虑到网站的使用都是在电脑上,于是我们采用非响应式的布局,不去考虑移动端是怎样的显示。我为网站绑定了域名www.zhis.xyz(zhis是智商的拼音缩写),服务器在国外,不过速度还可以。因为前端框架是新的东西,开发过程中我们遇到了一些问题,让我们觉得不应该选这样的前端框架,挺坑人的,我们一度考虑更换框架,后来我们自己写了样式和js解决了。试过跳这样的坑真是以后都不敢再用了。开发过程中遇到的bug我们一起讨论解决确实比一个人自己想要好,真是旁观者清啊。

经过十天左右,这个网站基本搭建完成了, 开始让他们的工作人员对网站进行测试,然后根据他们提出的建议进行修改。果然发现了不少问题,遂改进之…几天之后,又有人提出首页布局和样式的修改,于是又按照他的想法把首页修改了…网站上线后,之后要做的就是维护的工作了,估计临近正式开放或者临近比赛的时候还会做一些小改动吧。



附上开发过程记录:

2.10

网站开始建立, 前端使用pintuer

完成首页基本布局

2.11

加入登陆页面, 公告显示页面

改为非响应式布局

改了base.html,增加base.css完成首页基本布局

改了下首页排版

2.12

加入注册页面, 答题页面

基本完成登陆与注册功能

优化其余页面

修复一些漏洞

2.13

加入问题申诉,成绩查询,成绩公布页面,消息提示页面

完善一些页面

网站绑定了zhis.xyz,www.zhis.tk,zhis.cf ,zhis.ml,zhis.ga五个域名

准备开放测试

2.14

修复能提交空白申诉的bug

题目可以限时开放了

答题后将不能再进行答题

网站开放

2.15

更换Logo

修改比赛说明

在成绩查看页面可以看到题目了

删除无必要的通知公告

修复一个bug:点击交卷提示离开

增加合作方轮播

增加修改队伍信息功能

重写render函数,变得更合理

现在可以在右上角显示队员信息和口号了

2.16

修改后端,修复可以注册一人队伍的bug

优化一些输出提示

增加疑难问答页,整合到导航栏的更多中

2.17

修改残留的响应式布局bug(nav)

增加比赛题目不能被选中的特性,防止复制

2.24

创建V2版本

改需求!把首页把顶部栏的样式改了一番!

2.25

修复一个bug:点击注意事项弹出两个提示框

修改部分提示语

调节轮播框高度

改了尾部的分割线,变成立体阴影


虽然这些天大量时间都花在了写网页上面,但是我觉得过得很充实,感觉有一个目标,每天都离它近一点..看到网站成功上线,心里觉得特欣慰,那种成就感不可言喻。整个项目做下来以后,感觉对html,css,js,python,mysql,SVN的使用等更加熟悉了,也对网站的搭建过程有了更深入的理解。



附压力测试图:

对网站进行了压力测试,250并发用户的情况下,得出测试结果还行,可以接受



仅以此文道别我这个寒假

时间: 2024-10-15 19:42:26

“智·商”商业技能大赛网站开发心得记录的相关文章

电商网站开发笔记记录(-) 项目初始化

新建一个maven -achetype-webapp项目,建好完善后基本的目录,然后配置tomcat,在deployment里引入artifact,第一次建的时候发现没有artifact,可能是module之类的没有初始化好,当时也没有吧maven的依赖import changes,不知道默认的webapp模板会不会自动引入初始的依赖,第二次建的时候import changes,后deployment 加artifact成功,然后启动tomcat成功. 2.为了对项目实行更好的管理,使用git,

安卓版App开发心得

从2016年4月到6月主要做的工作是网站的开发,而6月到现在2016年8月初,主要做的工作是Android和IOS两种App的开发,又以Android为主. 将这段时间的Android开发心得记录如下. 1.开发环境和参考资料 由于学会FQ的时间比较短(2016年7月才学会),现在在用的mac版AndroidStudio是在国内某站上下载的.今年将开发环境由windows转为mac了,好在各种IDE都是跨平台的,迁过来后麻烦不多,Android Studio也贴心地支持Eclipse风格快捷键,

项目二:企业级java电商网站开发(服务端)

声明:项目源于网络,支持正版教程,学习使用,仅记录在此 项目介绍 企业级java电商网站开发(服务端),模块划分:用户管理,商品管理,商品品类管理,订单管理,订单详情管理,购物车管理,收货地址管理,支付管理 集成工具使用idea,一个springboot项目,使用maven进行依赖管理,持久层使用mybatis(接口+mapper xml),没有前端页面,仅服务端开发,最后返回封装好的数据,以json方式呈现,可以使用postman工具,google浏览器的Restlet Client插件等进行

I am back-电商网站开发&jQuery

hi 之前有将近两周的时间没有更新,除了懒就是其他的事情耽误了.现在好了,回家了,虽然家里停水,外面又有积雪,天寒地冻的,但诸多不便,都比不过有点闲的好. 开搞每个学PHP的必经之路——电商网站的开发. 1.电商网站开发——前端 一.首页制作 1.1 概况&准备 整个电商网站包括什么呢,就是首页信息,后面的分类信息页,商品详情页,购物页面,售后页面等等,所以就一步步做.自己做的时候可以简单的画个概况图来指导开发,免得逻辑搞混. 准备:项目文件夹,其中要有images(图片素材),js(javas

ASP.NET vNext MVC 6 电商网站开发实战

国内第一个<微软下一代网站开发框架:ASP.NET MVC 6 新特性揭秘 >课程 微软特邀讲师 徐雷!周六晚8点YY预定:http://t.cn/RPKMLGF 微软Visual Studio 2014 即将发布!ASP.NET MVC 6有什么新特性? Web API 3.0有什么新变化? 什么是动态编译?什么是原生编译?@微软中国MSDN 收起|查看大图|向左转|向右转 ASP.NET vNext MVC 6 电商网站开发实战

微软ASP.NET 电商网站开发实战 MVC6 +HTML5 +WCF+WebAPI+NoSQL+mongoDB+Redis+Core视频 代码 面试题

<微软ASP.NET 电商网站开发实战 MVC6 +HTML5 +WCF+WebAPI+NoSQL+mongoDB+Redis+Core 视频 代码 面试题 >下载网盘:https://yunpan.cn/cP7SNIjgJYYjA  访问密码 7fc6 微软特邀讲师 徐雷FrankXuLei 2016 授课 更新:.NET Core 1.0高并发框架+面试题更新:高性能缓存 Redis.NoSQL面试题 安装,增删改查 RedisHelper帮助类 购物车 会话服务器更新:REST WebA

从0开始 独立完成企业级Java电商网站开发

第1章 课程介绍(提供4900+问题与答案库)(提供4900+问题与答案库,你遇到的坑,别人已经出坑了)本章详细介绍Java服务端课程内容,项目演示课程安排,高大上的架构从一台服务器演变到高性能.高并发.高可用架构的过程,大型架构演进思想以及代码演进细节.(特别说明:本课程是项目实战中级课程,不会讲语法层面的内容,实战前需具备Java,SSM,Linux等基础)...1-1 课程导学1-2 课程学习与解决问题指南(最重要的一节课)1-3 大型Java项目架构演进解析 第2章 开发环境安装与配置讲

“小世界”项目心得记录(一)

背景: 最近准备做一个B2C的电商平台,一方面是想真正投入使用,一方面也是复习一下大学三年的学习成果,所以会以比较正规的软件开发方式进行开发,现在开始对此项目进行记录. (一)需求分析阶段: (1)此项目的建模工具不再使用之前使用的Visio.starUML,而是打算尝试使用IBM的Rational Software Architect和Sparx Systems的Enterprise Architect. (2)用例图:  参与者是与系统交互的对象,所以它不仅仅指使用系统的人:  用例的识别:

ASP.NET MVC5 网站开发实践(二) Member区域 - 添加文章

转自:http://www.cnblogs.com/mzwhj/p/3592895.html 上次把架构做好了,这次做添加文章.添加文章涉及附件的上传管理及富文本编辑器的使用,早添加文章时一并实现. 要点: 富文本编辑器采用KindEditor.功能很强大,国人开发,LGPL开源,自己人的好东西没有理由不支持. 附件的上传同样基于KindEditor实现,可以上传图片,flash,影音,文件等. 目录 ASP.NET MVC5 网站开发实践 - 概述 ASP.NET MVC5 网站开发实践(一)