页面分类 :添加页、修改页、列表页、详情页、功能页、删除

一、添加

1) 准备tpl、action(添加页、添加页保存公用一个action),并确认是否登录才显示
2) 书写添加页action代码,例如选项数据的准备、默认输入框提示js准备
3) 书写tpl界面(标签id、name、事件),获取控件制的JS(判断是否为空、长度、格式正确性,组织前台数据,添加提交ajax)
4) 书写添加页保存action代码
Logic判断是否登录;判断必填项是否为空;
判断是否超过指定长度;判断格式是否正确;
判断是否允许该用户操作
5) 查看数据库中的数据,是否正确控制,是否符合业务逻辑
6) 设置title、key、description

二、修改

1)

三、 列表页
1) 准备tpl、action,并确认是否登录才显示
2) 获取页码参数、获取查询条件参数
书写where条件头、书写分页参数头
拼写where条件、拼写分页参数
3) 调用获取列表程序,如果需要处理部分字段则进行处理
4) 将列表数据赋值给前台tpl(前台书写smarty,如果有数据则进行分页处理,没有给出提示“暂无……”)
5) 设置title、key、descript

PS:编辑列表单个字段信息一般采用弹框形式

四、 详细页
1) 准备tpl、action,并确认是否登录后才显示/不同人看的时候显示是否有差异/不同时间看显示是否有差异
2) 确认要查询ID的获取规则后,获取ID
3) 通过ID查询详情。如果详情为空跳转到哪(logic进行ID是否为空判断;然后根据ID查询);如果详情不为空,则处理需要处理的部分字段。
4) 将详情赋值给前台tpl
5) 设置title、key、description

五、 删除
是否需要登录、是否有权限(判断该数据是否属于该用户)、判断是否存在、是否已经删除或修改过、删除或修改的条件是否符合、时间变化是否还能进行修改删或删除

修改登录密码
设置交易密码、修改交易密码、找回交易密码
绑定银行卡

WEB页面实现方法的更多相关文章

  1. 记一个在移动端调试 web 页面的方法

    1. 工具:Weinre 2. 安装:npm -g install weinre | npm install weinre -g --registry=https://registry.npm.tao ...

  2. web 页面传值方法

    一. 使用QueryString变量    QueryString是一种非常简单也是使用比较多的一种传值方式,但是它将传递的值显示在浏览器的地址栏中,如果是传递一个或多个安全性要求不高或是结构简单的数 ...

  3. mobile web页面调试方法

    此文已由作者张含会授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 开发过程问题排查 Chrome Emulation关键词:使用方便 模拟各种设备尺寸.像素比.自定义user ...

  4. 浏览器编辑web页面的方法

    F12打开控制台执行 document.body.contentEditable='true'; 这样就可以随便修改了

  5. [原]iOS中 Web 页面与 Native Code 的一种通信方式

    在 iOS 开发中,Web 页面与 Native Code 通信可以分为两个方面: 1.Native Code 调用 Web 页面的方法:主要是调用页面中的 Javascript 函数. 2.Web ...

  6. 转:Web页面通过URL地址传递参数常见问题及检测方法

    Web页面即我们在浏览器中所看到的网页,在Web应用程序中,其页面往往需要进行动态切换和数据交互,页面间的数据常规传递方法有多种,本文主要介绍Web页面处理程序中常见的URL地址参数传递方法,包括概述 ...

  7. atitit. js 跨界面 页面 web cs 传值方法总结

    atitit. js 跨界面 页面 web cs 传值方法总结 #--需求 js #---两个方法:   直接传跟跟间接传递... 1.直接传跟new form(param)    web使用url方 ...

  8. 从web页面启动winform程序的实现方法

    本文实现的需求是: A.通过web页面启动winform程序: B.将页面的参数传递给winform程序: C.winform程序已经启动并正在运行时,从web页面不能重新启动winform程序,只是 ...

  9. 打印web页面指定区域的三种方法

    本文和大家分享一下web页面实现指定区域打印功能的三种方法,一起来看下吧. 第一种方法:使用CSS 定义一 个.noprint的class,将不打印的内容放入这个class内. 代码如下: <s ...

随机推荐

  1. 手动生成WebService代理类

    方式一: 手动生成WebService代理类需要把一句生成语句,如 wsdl.exe /l:cs /out:D:/ProxyServices.cs http://localhost/WebServic ...

  2. 【Weiss】【第03章】练习3.21:单数组模拟双栈

    [练习3.21] 编写仅用一个数组而实现两个栈的例程.除非数组的每一个单元都被使用,否则栈例程不能有溢出声明. Answer: 很简单,一个栈从数组头起,一个栈从数组尾起,分别保留左右栈头索引. 如l ...

  3. VS code调试代码快速上手必备知识

    一.通过简单的配置运行一个JavaScript程序 1.打开(创建)一个新的工作空间(文件夹),并创建一个js文件: var name='world'; var s='Hello,${name}!'; ...

  4. spring单例bean是线程安全的吗?

    如果在你不定义成员变量的情况下,spring默认是线程安全的 否则,设置scope="prototype"

  5. django自动生成接口文档

    我们在实际项目中,会需要将我们的一些接口的信息返回给前端,便于前后端的交互,在实际使用中,这种自动生成接口文档的模块很多,我主要是用REST framework自动生成接口文档,这个需要用到的是cor ...

  6. Linux 常用命令速记

    1.touch:创建文件,比如: touch a.txt   2.vi:编辑修改文件,比如: vi a.txt 打开编辑页面后: a 键:开始输入编辑: Esc键:结束输入内容 :wq:保存文件编辑内 ...

  7. 【LeetCode】18.四数之和

    题目描述 18. 四数之和 给定一个包含 n 个整数的数组 nums 和一个目标值 target,判断 nums 中是否存在四个元素 a,b,c 和 d ,使得 a + b + c + d 的值与 t ...

  8. 【LeetCode】15.三数之和

    题目描述 1. 三数之和 给你一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?请你找出所有满足条件且不重复的三元组. 注意: ...

  9. 【mysql】索引 回表 覆盖索引 索引下推

    索引类型 索引类型分为主键索引和非主键索引.(一定要牢记,是怎么存储数据的) 主键索引的叶子节点存的是整行数据.在 InnoDB 里,主键索引也被称为聚簇索引(clustered index). 非主 ...

  10. JavaScript 异步、栈、事件循环、任务队列

    概览 我们经常会听到引擎和runtime,它们的区别是什么呢? 引擎:解释并编译代码,让它变成能交给机器运行的代码(runnable commands). runtime:就是运行环境,它提供一些对外 ...