Cesar竞赛平台项目中期总结
Cesar竞赛平台项目中期总结
软件51 谢运帷 2015013185
我们小组的选题是大学生竞赛平台项目,经过我们需求分析,原型设计等等步骤,我们终于要开始着手实现这一个庞大的竞赛平台项目。我们使用Django+mysql处理后端逻辑,加上Vue实现一个相应式的前端设计。参考我们微信项目的框架,我们设计实现了一套前后端接口,并约定写成接口文档,让我们整体项目可以前后端分离的进行开发。这篇总结将一一点评我们前端部分从开始到现在遇到的点点
Vue多页面应用的配置
我负责的任务是前端的开发。首先我们面临的第一个问题就是:Vue-cli生成的是一个单页应用的框架,而我们的项目不太好做成一个单页的项目(加载时间太长,跳转过快等等)。所以我们着手将这个框架改造成可以生成多页应用。网上有许多的多页面框架,经过了各种踩坑阶段,排除了不少网上的错误实现,我们终于找到了一个合适的Vue项目目录结构和Webpack打包的配置方法。
ESLint:从弃用到重拾
一开始,我十分讨厌Vue框架自带的ESLint代码风格检查,因为它和我一贯写的JS的风格不太相同……后来听了老师对于我们整个项目的要求,着实感受到代码风格对于我们的项目实现也有十分重要的意义。这样我们去阅读他人的代码时,会变得十分方便,整个项目调试的时候,也会变得非常方便。
Vue单文件组件的学习
一旦开始真正编写Vue框架下的项目,单文件组件这一新的模式必然是躲不开的。父子组件间的通信,在单文件组件的实现中至关重要,组件该如何在一个网页上应用,我们都必须从头开始学习。这之中我们阅读了Vue的官方文档和很多他人的实例代码,终于明白了如何应用组件,如何使用组件。
ElementUI组件库
我们的Vue项目不可能从头开始写我们的一个个组件,于是我们选用了目前应用最多的ElementUI组件库来帮助我们美化我们的页面。在熟悉使用Element组件的同时,我们也渐渐熟悉了Vue的语法和使用形式。目前,我们已经基本摆脱了四处乱撞的尝试模式,已经可以在自己的理解下写一个个前端页面了。
GET/POST时Django的CSRF检查
这个是困扰我们很长一段时间的一个问题。当我们弃用Django的template+views来绘制和重定向页面时,我们必然需要采用GET和POST请求来完成前后端的数据通信。但是Django有一个防范跨域访问的方式——CSRFToken检查,这样我们普通的POST一个表单给Django,会被无情地拒绝。。看网上很多的说法说只要在表单中加上CSRFToken这一项就可以解决这个问题,但各种尝试还是会出错。所以我们就放弃了去解决这个问题,直接关掉了Django的CSRF检查。
到这里,前端从开始到中期遇到的所有问题大概就说完了。下面谈谈我对于我们中期的实现情况的一些感受吧:
- 我们抱着学习的心态来接触Vue框架和前端工程化这些东西,说实话有很大的学习成本,相比熟悉的引入一个JQuery.js上手起来慢了许多
- 大学生竞赛平台的工作量还是很大的……要考虑的东西太多了,能付出的时间又有限,感觉可能最终完成的不太好
- 后端的功能接口还是要先想好,实现好……感觉之前没有想太好的地方给前后端都造成了麻烦
- 进度还是有一些慢……不过绝大部分原因是之前各种其他的作业太多了。。。后面估计其他的事情也不会少,看来需要提前安排好进度了
最后我们对于前端的要求可能不能太高,不过我们还是想要尽力去完成,给我们的用户一个简洁明了的交互界面。如果谈一点希望的话,希望我们人能更多点吧。。
Cesar竞赛平台项目中期总结相关推荐
- 大数据竞赛平台——Kaggle 入门篇
这篇文章适合那些刚接触Kaggle.想尽快熟悉Kaggle并且独立完成一个竞赛项目的网友,对于已经在Kaggle上参赛过的网友来说,大可不必耗费时间阅读本文.本文分为两部分介绍Kaggle,第一部分简 ...
- 国内NLP竞赛平台一览(附平台连接)
来源:NLP有品 本文约700字,建议阅读10分钟 本文为大家分享国内NLP竞赛平台. 标签:自然语言处理 "白嫖数据的圣地,NLP技能的训练场",当你觉得学好了NLP技能想练手却 ...
- 《大数据系统基础》课程实践项目中期答辩顺利举行,清华持续探索大数据人才教育创新之路
2017年11月15日,清华大学大数据能力提升项目之<大数据系统基础>课程实践项目中期答辩在清华大学六号教学楼顺利举行.160余名同学分为21组,向任课老师和企业导师汇报了各组实践项目的进 ...
- 创办智能车竞赛平台,十五年无间断,育人数十万
➤01 初稿 一.竞赛简介 全国大学生智能汽车竞赛是以智能汽车为研究对象,面向全国大学生开展的复杂工程探索类别的科技竞赛,目标是提高学生的动手实践能力.探索创新兴趣.团队协作精神.它起源于2005 ...
- xgboost算法_陈天奇做的XGBoost为什么能横扫机器学习竞赛平台?
[新智元导读]XGBoost号称"比赛夺冠的必备大杀器",横扫机器学习竞赛罕逢敌手,堪称机器学习算法中的新女王! 在涉及非结构化数据(图像.文本等)的预测问题中,人工神经网络显著优 ...
- 【数据竞赛】高质量数据科学竞赛平台汇总
前言 学习过机器学习算法的小伙伴大多数都听说过"打比赛",一些同学自己参与过一些比赛项目,从中获益匪浅.今天来详细罗列一下国内外的比赛平台,方便即时找到自己感兴趣的项目,pc点击阅 ...
- 【科普】国内外高质量数据科学竞赛平台有哪些?
前言 学习过机器学习算法的小伙伴大多数都听说过"打比赛",一些同学自己参与过一些比赛项目,从中获益匪浅.今天来详细罗列一下国内外的比赛平台,方便即时找到自己感兴趣的项目,pc点击阅 ...
- 除了Kaggle,还有哪些高质量的数据科学竞赛平台?
点击"小詹学Python",选择"置顶"公众号 重磅干货,第一时间送达 本文转载自机器之心,禁二次转载 除了大名鼎鼎的 kaggle,数据科学家可以参加的数据竞 ...
- 数据(机器学习/深度学习)竞赛平台——Kaggle
这篇文章适合那些刚接触Kaggle.想尽快熟悉Kaggle并且了解项目情况的朋友.本文分为两部分介绍Kaggle,Part One简单介绍Kaggle,Part Two将简单介绍正规的竞赛的项目,大家 ...
最新文章
- 复数混频发射机原理与仿真
- 自由自在意式手工冰淇淋走俏仲夏之季
- Android分享中, 过滤指定的应用,已经过滤蓝牙, 并且对不同的分享方式发送不同的内容?...
- http2.0 的时代来了
- swift5 实现购物App
- IoT Studio可视化搭建平台编辑历史功能的思考与探索
- freemarker 转义字符
- js前端构造json对象后台接收并反序列化
- ionic3 disabled
- 第2章 物联网安全基础
- 如何上色?怎样才能配出好看的颜色?
- MIPS/RISC-V ALU设计
- 调侃计算机专业的笑话,段子手要失业了 计算机也懂幽默
- logo免费在线设计,给自己的logo寻找灵感
- 瑞萨单片机iap串口升级boot程序与app程序合并的工程构建-学习记录
- 厉害了!支付宝逆天升级,可一键撤回被骗转账 网友:干得好!
- 软件项目管理——项目三角形
- gateway使用教程
- vscode 更新后报错 Couldn‘t start dlv dap
- 计算机辅助设计技术有哪些优点,计算机辅助设计
热门文章
- #np.random.normal,产生制定分布的数集(默认是标准正态分布)
- Javascript导航菜单13则
- 阿里云“华北5”落地内蒙古,AI数据大战一触即发
- 大战即将来临,柯洁将于5月与AlphaGo正式对决
- ODOO权限管理,在两个方面设置权限
- Zabbix 3.2.6通过ODBC监控MySQLOracle
- 查看apache、linux、kernel、nginx等版本
- what is MEAN
- left join on in
- 基于组件的.NET软件开发(3)