实习简结

本人菜鸟一枚，有幸在公司实习进行前端页面的开发工作。之前也有过一些工程经验，感觉每次还是收获很多，但由于没时间好好记录下来，总感觉白干一场，没有收获。这次，想小记一下，若能有幸能对访者有益，再好不过。

总实习时间，3个月。从网页编程小白开始。

首先一个月，自然是学习，这里推荐大家一个有关网页编程的网站：www.runood.com。本人是通过前辈知道这个学习网站的，小白可以以此作为起点，里面内容不能说样样详尽，但覆盖面广，大家也都知道，编程这种事光看资料是学不会的。所以，浅显易懂一些还是很适合入门用。至于在网站中具体学什么，要根据个人具体情况，或请教前辈自行决定。（HTML、JavaScript、css...）

接下来，对语言的概念和使用有基本了解后，开始着手了。经由前辈教导​，开始接触django——一种网络框架，对网络框架的概念有了第一次的了解。所谓网络框架千变万化，选择自己顺手的即可。若有幸访者也要用django，有一电子书可学习，网址：http://docs.30c.org/djangobook2/。或者百度django book 2.0即可。学习之前，最好简单了解一下Python语言的语法。读过前5章，大概觉得，最重要的，便是读者需搞清楚urls.py、views.py及templates(html)之间的关系，里面关于request.meta的小练习还是很有必要做一下，对这一点的理解很有帮助，对以后的编码很有启示作用。

看完django，不能纸上谈兵，下面安装运行环境。电脑内存大的，建议用pycharm软件，新建django工程即可，pycharm会自动为你的电脑安装django。性能不好的电脑，也不要灰心，随便网上搜下安装命令，在命令行下，也可轻易安装。新建工程和app也很简单，打几个命令的事情。运行django的命令：python manage.py runserver。runserver 后面还可以增加IP地址，默认为127.0.0.1:8000。

环境搭建成功，又谈何容易。看到"It worked!"也是令人欣喜。接下来，最难的一关，我在老师的指导下度过，就是与后端的连接。凭我一实习生之力，在上千页的文档中获取蛛丝马迹破解rest难题，实属不易，况且项目催得紧，这里我便省去一大步。不过，这也在我意料之中，本来，这也超过我预想我要通过此次实习学习到的。​

​与后端连接成功，重点就又转移到了界面上。要快速做出长相还行拿得出手的页面，这一次，是Bootstrap，拯救了我，学习网址：http://v3.bootcss.com/，按照“起步”一步步走，即可安装成功。接下来，我想列举一些我遇到的细节问题，便于记忆：

1.后端数据->表格显示：http://v3.bootcss.com/css/#tables​ +

的使用 +  $('#table tbody').html(htmlstr); 的使用(这里，table是id名，htmlstr是字符串变量，把HTML语言写在''里)

2.后端对字符串顺序有要求，就把字符串拆开，重新排序

3.JavaScript获取标签内容信息：document.getElementByIdx_x_x("id_name").value

4.JavaScript DOM刷新即时显示信息：document.getElementByIdx_x_x("id_name").value='...'（注意：document.getElementByIdx_x_x("").value得到的都是字符串类型的变量，注意类型转换，尤其做加减乘除运算时）

5.​form位置的移动：在

外层加一个，设置  .margin_config{margin: 1cm 1cm 0cm 1cm} ，在div中加上class=" margin_config "即可把整个表格移至指定位置

6.HTML之间通过URL传递关键变量信息的两种情况：​1.这里，i为int型变量

​界面大功告成，下一个问题，把django工程安装到服务器，实现远程访问。步骤：ssh到你要安装的服务器、安装Python（一般都自带好的）、安装django（sudoeasy_install django）、新建project、app（这里的名字和你的工程取一样的名字）、把文件小心粘贴过去即可。过程中可能会遇到一些问题，注意2点：找不到html文件，一般是templates文件的位置不对，并且要在settings.py文件中的  加上自己的app名字！尤其是文件的位置，多试几次。我的就是本机上的templates和服务器上的templates文件位置不同，搞了半天。

安装到服务器可是说谢天谢地！还有一些小细节，还在改进中···​