浅谈博客项目是如何实现的(二)

题记:昨天建好了数据,修改了一下域名,写了一个路由,今天我们来设计一下注册页面,以及部分页面的跳转。

如下图1所示,(ps:说了句废话,下图肯定是登录页面嘛),那么我们就从页面跳转开始吧, 点击登录,肯定跳转到登录页面,如下图2所示,因为没有设计账号密码,就算跳转到登录页,也是无济于事~~~那咱们只能往注册页跑~~,刚刚拿到这个页面想当然的认为用href=路径名这样静态页面链接的方式实现页面的跳转。实际上并非如此,应该通过路由找到,该页面所对应的control层,在control层做过一系列的数据判断和处理后,由control层访问对应的view层!(ps:mvc设计理念,如果这个晕了,那就凉了~~~)


图1


图2


图3

确定好命名规范以后,想都不用想,在control层开始定义class,在与之对应的view层定义存放html文件如图4所示

图4

接下来定义路由,(最后定义问题也不是很大)如下图5所示,我已经详细解释了路由的含义

图5

我们到reg.php模块下开始写方法,如图6所示,首先都不要想,返回注册页的方法第一个就要加上去


图6

补充说明见到herf,就要写对应的路由的名字,也就是说,链接不能指向静态页面,必须指向路由地址,由路由地址访问具体方法,再由方法访问页面,如图7所示。

图7

接下写注册方法,也就是对post回来的数据做校验,我们可以在control层链接数据,但是这样写不合理,我们这model层写链接方法,到control层直接new就可以了如图8-图9所示

图8


图9

tp5.1里提供大量的sql操作方法,具体不细说了。这里想强调的是,数据怎么从前端来后端?如图10所示

图10

输入必填信息,点击注册按钮,即可提交成功如图11-图12所示

图11
图12


做完后台数据验证,我们做一些前端表单验证,首先就是对输入的用户名做验证,输入是否为英文数字下划线4-12位数字,bootstrap提供好了样式如图13,也就是说我们只有利益jQuery修改css和html即可,样式已经很完美了

图13

接下来写js做表单验证如图14

图14

重点来了,利用ajax对用户名是否重复做验证,首先写ajax方法,找到username的dom节点如图14is_user_exist方法。ajax通过寻找 dom节点的data-url 找到路由,通过路由访问具体tp方法如下图15所示,当然前提要写好具体路由如图16所示


图15


图16


图17

测试一下如图18所示

图18

注册好以后肯定就要做登录验证,明天接着写


图19
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,045评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,494评论 18 139
  • 前一天晚上,归途中和闺蜜打电话,本是打发漫长的无聊的时光,天马行空的乱侃,不知怎么谈到了“我们终究都会变成自己曾经...
    烟云琴声长阅读 442评论 0 1
  • 今天早上我把宝贝儿们送托辅班时,告诉她们放学后自己走回家,必须在栏杆里面走不要急 好看着车 看着...
    O卓越O阅读 149评论 0 0
  • 静谧的夜里 一只小蟋蟀 爬过亮晶晶的石头 微风残月下 一个小男孩 迷失在梦幻森林里 哀伤的文字好似叹息 凄美的图画...
    北城铁匠阅读 714评论 4 2