微信作为一款社交工具已逐步蔓延至我们的生活,尤其是二维码、微信红包、微信支付等配合定位、后台服务、小程序、公众号等,应用更加广泛,当您希望您的应用跨接到微信这一便捷的平台时,本文将为您的开发提供便利与帮助。另外,本文并不是专门写给技术高深的人看的,而是对于每一个普通人都能看,当然行业高手与大佬们能花时间看鄙人陋作当然是深感荣幸,文本将以通俗易懂的语言阐述从无到有的建站过程,希望每个人都能看懂,都能或多或少从中获取一些有用的信息。
后台代码固然重要,然用户看到更多,与用户直接接触的是交互界面,
故先介绍交互界面的设计,然后依据界面与操作感觉和实际需求,挂接后台代码,确定技术需求,
预置的是登录界面英国威廉希尔公司网站
,
文件如下:
login.jsp (2.76 KB, 下载次数: 0)
本来想注释的,注了个标题栏后发现代码异常简单,非常容易读懂,注释上去反而感觉繁琐了,
这种简洁设计得很好,很适合初学与叠加开发,方便实用,
大致的东西看这张图吧,比注释更容易看懂:
当然,这个是登录界面,
因为这是Demo例程,这种简洁无可厚非,因为后面都能随意挂接,
我们平时浏览网站,也有一些网站的英国威廉希尔公司网站
面不是登录界面,
比如:www.baidu.com,进去不登录直接能用搜索功能,
如果您期望您的英国威廉希尔公司网站
是个介绍页或概览页,
可以把英国威廉希尔公司网站
设置成main.jsp,
然后右上角做个登录,挂接回Login.jsp
直接一个超链接即可,代码参考Login.jsp中的超链接形式,
也可用一些图形化软件直接插入超链接,
有登陆,也顺便搞个注册,不然新账号哪来,然后大致是这个样子,
中间的介绍广告素材依据喜好添加,有能力的可以做成图片滚动播放,其实代码也不难,也有直接的js搞定这功能,
然后英国威廉希尔公司网站
就好了,可以挂载上去用IP进,如果本机用localhost或本机IP或内部IP,也可其他电脑连过来进,也可内网搭个搞个DNS,搞个小区域域名进。
如果懒得搞上面这些,或没有任何网络技术基础,最简单的方法,找个能直接打开jsp的浏览器,
或FrontPage,或DreamWave等编辑预览,
或者直接在jsp后面加.html也能打开,拿来大致看看还是可以的
然后再来无线配置页:
文件如下:
wifi_config.jsp (1.99 KB, 下载次数: 0)
WIFI配置页,感觉设计得已经很好了,不改也挺好看,
如果想改可以看这张图:
有些东西可以随便改,有些东西改了会报错,
这个东西比较简单,都改改试验看看就能找到感觉,
然后那些图片在外面的文件夹,
用傲游浏览器打开,右键审查元素就能看到图片在哪,文字按钮等也是同样方法,
然后是bug页面,
500挺萌的,可以参考它做其他的报错页,可以报得更详细
500.jsp (741 Bytes, 下载次数: 0)
404的报错页一般即使做出来了也几乎不可能看到,当然,这是一个笑话
然后可以看看这俩文件
kfk_db_open.sql (9.81 KB, 下载次数: 0)
开源脚本说明 (122 Bytes, 下载次数: 0)
[size=0.83em]昨天 16:11 上传
点击文件名下载附件
开源脚本说明.txt (122 Bytes, 下载次数: 0)
然后是这个登陆判断的js,
login.js (1.39 KB, 下载次数: 0)
里面反馈的用户名不能为空等提示也都可以改,
这些提示其实中文不用改也没关系,已经做得挺专业了,
如果需要变成其他语言的,可以改这些字,我只是讲解下这个东西在这个位置,方便大家找到。
然后还有这个SHA算法,
sha1.js (4.09 KB, 下载次数: 0)
这个具体细节感兴趣的可以找相关文档,还有其他算法的,可借鉴,或许会发明出新算法
然后是您所看到的菜单,
也可以改,
差不多您所看到的所有东西都可以改,
这就是开源的好处,
只要有能力,什么都能改成您想要的,
没修改过的原始文件在这儿:
showMenu.js (28.1 KB, 下载次数: 0)
然后这个文件里可以修改Wifi配置的反馈字,可以改成大家想看到的,
机器就是这样好,都能随大家的意,每个人都能轻松修改,
这也是学编程与软件开发的乐趣,望大家玩得开心就好,
文件在这儿: wifiConfig.js (3.61 KB, 下载次数: 0) |
大致就是这些了,除此之外的可以问我