Augular+Node+Python搭建网站的历程

本文分享了使用Angular+Node+Python搭建交互式网站的过程,包括前端使用AngularJS和Bootstrap,后端处理跨域问题,以及Node与Python的交互,实现了动态获取验证码、处理用户查询等功能。
摘要由CSDN通过智能技术生成

Augular+Node+Python搭建网站的历程

AJ+NJ搭建一个小网站的例子数不胜数,我也不费力去说。这篇文章假设大家已经对以上提到的语言有一定基础。我把自己再搭建过程中的想法、遇到的一些问题以及部分问题的解决的方法记录下来,希望对大家有帮助。

想法:最近写了一个小小的用来查询自己学校选修课成绩的Python脚本(具体可以见上一篇博客),有人说很实用,但是会觉得用程序查询过于麻烦,不够直观。希望能改善成一个网页,供大家使用。于是乎,正逢软件工程大作业,我决定将大家的想法实(随)现(便)一(玩)下(玩)。我本来希望能够使用node来搭建起全部的后端。但是由于自己不愿意多花精力重写一遍和之前Python脚本同样功能的代码,于是我选择在node中调用Python脚本。(想了解node-python的也可以继续看一下)。前端页面使用了Bootstrap+AngularJS来实现,为的是可响应的布局。

流程:首先呢看过上一篇博客的话知道,教务网会有一个验证码,那么我们需要将这个验证码显示到自己的网页中。有人会说,那不是很简单?一个<img src="bkjw/captchaImage"> 不就可以完成了。但事实并不是如此,我们不仅要获得验证码图片,还要携带一个用于登陆的cookie。那么这样的想法仅仅靠src这个属性就不能够做到了。而且觉得如果使用AngularJS的$http进行请求的话涉及到跨域,并且我不能够去修改教务网站,一定会失败。最后我决定在后端使用暴露一个接口 /getimage,用来返回图片并记录相应cookie。于是呢我在node中添加了一个路由。

if (path == '/getimage'){          
           request('http://jwc.xxx.edu.cn/bkjw',function(err,res1,body)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值