1.项目地址:
https://github.com/JoyJia2/081700414-021700913
作业链接:
https://edu.cnblogs.com/campus/fzu/2019FZUSEZ/homework/8736
2.具体分工:
021700913林立:前端,博客撰写
081700414贾懿:功能实现
3.psp表格:
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 60 | 90 |
Estimate | 估计这个任务需要多少时间 | 60 | 90 |
Development | 开发 | 300 | 600 |
Analysis | 需求分析 (包括学习新技术) | 300 | 600 |
Design Spec | 生成设计文档 | 120 | 120 |
Design Review | 设计复审 | 60 | 60 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 60 | 120 |
Design | 具体设计 | 120 | 120 |
Coding | 具体编码 | 300 | 300 |
Code Review | 代码复审 | 60 | 120 |
Test | 测试(自我测试,修改代码,提交修改) | 180 | 200 |
Reporting | 报告 | 60 | 60 |
Test Repor | 测试报告 | 60 | 120 |
Size Measurement | 计算工作量 | 60 | 40 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 120 | 120 |
合计 | 1920 | 2760 |
4.解题思路描述与设计实现说明:
最初还没有思路。
拿到题目时没怎么接触过前端,想着先入门一些css html JavaScript等语言,当第一次粗略浏览后并没有什么收获,乏善可陈。
旋即想着应该learn by doing,从任务出发,于是浏览搜索信息,奈何一切可视化教程看起来都对新生极其不友好,随即接触到了js的D3库。
D3给我印象最深刻的是一位腾讯前端人员“用了三个月的时间以头强地耳来理解element和selection”,可对前端没什么了解的我出身牛赌用了
整整几天时间来搜索本就稀拉的学习资料,有的过期有的服务器已经到期。。。最终解决了js for循环中0号元素的赋值,搞定了!
根据数据对象来实现树(empty.json只是个工具人)
function myFunction()
{
//文本处理区域
var txt=document.getElementById("input").value;
var top=txt.slice(txt.indexOf(":")+1,txt.indexOf("2"))//你把你老师给我交了
var cmaohao=txt.match(/:/g);
var brunch=cmaohao.length-1;
var lines = txt.split(/[(\r\n)\r\n]+/)//按行分成组
var add={ //初始化对象
"name":"张三",
"children":
[
{
"name":"2016级博士生" ,
"children":
[
{"name":"林立" }
]
}
]
};
add.name=lines[0].slice(0,lines[1].indexOf(":"));//导师名赋值
var temp=lines[1].slice(0,lines[1].indexOf(":"));//学生类型这样获取
var temp1=lines[1].slice(lines[1].indexOf(":")+1,50)
var temp1=temp1.split('、')//该类型下学生名单数组这样获取
for(var i =0;i
5.附加特点设计与展示:
简洁,丝毫不花里胡哨。
我们的可视化非常人性化,有迥异的发散风格。
文本的排版实际上还非常符合人体力学,为了更好的阅读结果,你还得活动一下脖子。
走的是极简主义,花里胡哨的没有整太多。
你甚至可以添加插班生名单
6.在博客中给出目录说明和使用说明:
8.贴出GitHub代码签入记录:
9.遇到的代码模块异常或结对困难及解决方法:
提取文本域数据,百度下好多方法提取,有js表单处理,php表单处理,还有什么jq。
对数据进行分割判断,这就跟c语言代码实现差不多,但判断也有时候不一定就想的出来,但两个人讨论,一个人提一点想法,慢慢改进,比一个人会进展的快。
最大的困难应该是学起来很盲目,因为从来没接触过,就不知道从哪来开始学,就在w3上面看HTML,js,php,一天看几个小时,但还是不知道怎么用,然后还是靠队友跟我很具体的说你大概写些什么我才慢慢下得了手,我太菜了。
10.评价你的队友:
林立:贾某态度认真,效率高,都是第一次接触HTML、css、js,但是他掌握的很快,我很多地方不懂问他都耐心的跟我解释。改进地方的话就是解答问题时候再慢一点,我是真的跟不上,我太难了。
贾懿:林某可以端茶送水。很多地方第一次接触不是很懂,讨论一下理解还是比较快的。改进地方就是不要拖拉,做好规划。