美文网首页python热爱者程序员摄影技巧
程序员制作网站告白女朋友

程序员制作网站告白女朋友

作者: 潇洒坤 | 来源:发表于2018-06-13 22:23 被阅读210次

创意版权:容大教育
编辑:潇洒坤
效果图如下,有动画效果:

效果图.jpg
  1. 下载python2.7,已经安装python则跳过此步
    链接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密码: ugbx
    python2很小,只有20M。下载后进行安装,安装步骤如下:
    1(1).如果打不开msi文件,请自行网上搜索解决方法。
    1(2).双击安装文件后,进入下图界面,点击next
安装1.png
1(3).如下图所以,直接把安装路径设置成D:\python27,然后点击next。
安装2.png
1(4).修改下图
安装3.png
安装4.png

改为下图,点击next


安装5.png

1(5). 进入安装


进入安装.png

1(6)点击FInish完成安装,之后会提示重启,点击NO不重启。

完成安装.png
  1. 下载网站模板,下载链接: https://pan.baidu.com/s/1QZsyWoltOVUIbjoH1n4JNw 密码: fcht
    下载完成后解压,进入解压后的文件,如下图。

    进入文件夹.png
  2. 在当前文件夹目录下打开cmd,方法如下图所示,输入cmd,然后按Enter,则基于当前文件夹打开cmd


    进入cmd.png
  3. 在cmd输入命令D:\Python27\python web.py,作用是用前面安装的python运行web.py这个文件。
    在之后的操作中,这个cmd框不能够关闭

    在cmd中运行命令.png
  4. 在你电脑中选择任意浏览器,打开网址http://localhost/,则可以看到如下图所示效果。

    image.png
    此时你已经将网页发布到电脑的80端口,但是外网不可以访问。
  5. 让你的网页外网可以访问
    首先还是重复步骤第3步,基于网页项目的文件夹打开cmd。
    输入命令ngrok.exe http 80,如下图所示,按Enter键运行。

    运行命令.png
    ngrok软件运行的效果图
    运行效果.png
  6. 如上图所示,我可以在外网访问的地址是http://70137e51.ngrok.io,因为这个是即时生成的,所以每次网站发布以后外网可以访问的链接都不同。用浏览器访问这个网址,效果如下图所示。

    外网访问.png
  7. 根据自己的实际情况修改网页内容。打开"index.html"文件进行编辑。

    指明编辑网页文件.png
    8(1).修改恋爱开始日期,今日日期,两人的姓氏,总共四处,如下图所示。
    修改1.png
    8(2).修改寄语,姓名。
    修改2.png mot
    8(3)修改动态计时数据,关键是日期,比如2016年2月14日在一起,则修改为together.setFullYear(2016,1,14)
    js的month从0开始,1-12月分别对应0-11。
    setHours,setMinutes,setSeconds,setMilliseconds,分别是在一起那一刻的时、分、秒、毫秒。
    image.png
  8. 修改index.html文件完成后保存,此时再访问外网链接则可以得到更改后的网页。

相关文章

网友评论

  • kTWO小菜鸟:Apache或者Nginx了解一下
  • 筆调繁華:第6步
    潇洒坤:@筆调繁華 你下载软件notepad++,用这个软件打开网页文件就可以编辑了。
    筆调繁華:@潇洒坤 做了,但是修改不了代码
    潇洒坤:@筆调繁華 第6步和第3步一样,你第3部做了吗
  • 筆调繁華:基于网页项目的文件夹什么意思? 为什么我打开的没有代码
  • kaiv2:这页面我用过一次
  • 5e58b144e14f:哎! 每次看到这种表白的玩意。心中只有一种想法
    请你一定要照顾好我的女朋友。
  • zuoqy:这东西已经烂大街了
    潇洒坤:@zuoqy 我想看看你的博客写的怎么样?
    zuoqy:@潇洒坤 写给新手看,可以弄一个不一样的demo啊,这个demo.....
    潇洒坤:@zuoqy 这东西就是写给新手看的,想装逼请出门左拐。
  • 笑疯子:这个东西几年前就会写了,请问女朋友哪里发。
    笑疯子:@潇洒坤 毛主席说过,不以结婚为目的恋爱就是耍流氓。
    潇洒坤:@理论上的老班长 错过了大学时期,再谈恋爱,就直接说有车有房,想结婚就成。
  • 观影兔:好像那个东西可以用二维码直接做出来哒
    观影兔:@潇洒坤 哦哦
    潇洒坤:使用二维码生成网页是直接使用别人的服务,这个是程序员怎样原生态实现。效果可能相同,技术难度不同。如果想学习如何制作网页并让别人可以浏览,这篇文章能作为入门。
  • 7438344d35dd:大佬怎么上首页了
    潇洒坤:@regera_one 不存在的,只是推荐给你而已:joy:
  • 赛博吟游诗人:就差女朋友了
    潇洒坤:@蕉凸 相信自己,你可以的😂
  • 人家故里:膜拜大佬
    潇洒坤:@覃思 谢谢支持

本文标题:程序员制作网站告白女朋友

本文链接:https://www.haomeiwen.com/subject/wilseftx.html