结对作业——小学四则运算
这次的结对作业由两个人一起完成,我们两人的分工如下:
我负责前端页面构建与渲染;
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。陈瑜负责改进算法;
(两人后端知识方面还是比较欠缺,所以并没有加入后端)
算法的博客地址为:https://www.cnblogs.com/DuskOB/p/10604144.html
以下为我个人关于前端构建项目的介绍。
此次项目虽小,但我还是想用接近前端工程化的思想来开发此项目,所以整体用了webpack去做了简单的构建与打包。
以下为我们的项目的目录树:
在前端页面方面,我们有一个整体的index.html页面。然后再将通用的head、header、footer封装出来。(这样便于多页面的组合应用。)
我们将页面逻辑类放于page/下,将通用工具类放于util/下,将算法类放于controller/下。(实现模块化)
以下是页面视图:
下面是整体功能介绍:
1.在numbers内输入生成式子数量,min内输入最小数,max内输入最大数。(若min>max,算法中会将两者互换。)
2.可选择是否有乘除和括号。
3.点击START EXAM开始出题。
4.把答案输入result中,点击SUBMIT即可提交。
5.SUBMIT后会显示出题的总题数以及答对的题数。
6.点击EXIT会回到页面并清空上次出题。
最后,在README.md文件里有我们的项目初始化方法。
总结:
我们初步的思想是前后分离,前端负责页面渲染,然后把重要的逻辑部分比如算法内容放在后端实现。可惜后端不过关,只能利用纯前端来模拟整个过程。后续会继续改进,加入后端部分。总的来说,这次的结对作业还是比较基础的,但我个人的算法能力较弱,还是得感谢陈瑜提供的算法,在他的帮助下,我们共同将他写的C++算法转成JS,然后我才能运用于前端中。
