摘要: 本教程是一个H5音乐播放的详情页制作,实现了H5音乐播放,音轨的跳动,已经较为酷炫的UI界面。 通过本教程,您会学到: 1、H5音乐播放 (带音轨) 2、iconfont字体图标库 3、div+css网页布局 前端技术:js,jQuery,css ,bootstrap,iconfont 后台技术:p 阅读全文
posted @ 2018-06-08 16:15 剽悍一小兔 阅读(963) 评论(0) 推荐(0) 编辑
摘要: 在一般的系统中,当用户点击头像的时候,就会跳转到对应的个人详情页,在这个页面,他可以查看和修改自己的个人信息,或者更换头像。 本案例中,个人详情页使用bootstrap框架。 首先,我们新建一个html页面作为我的个人详情页。为了获取后台数据比较方便,这个详情页的文件格式我们就改为php。 在项目根 阅读全文
posted @ 2018-06-08 12:51 剽悍一小兔 阅读(703) 评论(0) 推荐(0) 编辑
摘要: 文件上传在项目中,一般有两个用武之地,分别为设置用户的头像和上传附件。本节我们演示如果进行用户头像的上传。 因为一个用户单独并且唯一对应了一个头像,是一对一的关系,所以我们需要去给tm_users表添加一个头像字段 – header 。 点击保存按钮,完成表字段的添加。 本节中的头像上传,可以对图像 阅读全文
posted @ 2018-06-08 12:50 剽悍一小兔 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 在用户成功上传头像以后,用户登录系统,应该能够看到自己的头像,本节演示如何在这个地方: 添加用户头像。 1.用DIV做: border radius:50% background:url(xxx.jpg) 2.用img标签做: border radius:50% src 共同点:定位 为了演示,先把 阅读全文
posted @ 2018-06-08 12:50 剽悍一小兔 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 20.用户新增地址字段 在实际的开发中,经常会出现对数据表新增或者修改字段的事情,所以,当用户提出加字段的需求时,我们的页面以及后台程序都要进行相应的改动。 本节就以增加一个地址字段为例。 打开navicat: 点击保存按钮,添加完毕。 userManage.html要进行的修改: 新增页面的for 阅读全文
posted @ 2018-06-08 12:47 剽悍一小兔 阅读(244) 评论(0) 推荐(1) 编辑
摘要: 22. PHP文件上传 22.1 资源文件 将这三个东西拷贝项目的根目录。 拷贝完毕后,打开upload.html: 现在,我们在项目的根目录去编写一个upload.php。 PHP给我们提供了很多关于文件上传的预定义变量,比如,上传的文件名称,文件大小,文件的类型等。 以下的up_file 就是f 阅读全文
posted @ 2018-06-08 12:47 剽悍一小兔 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 把这个代码: 复制一下,粘贴到这里: 刷新main.php 完成。 源码获取:https://www.jianshu.com/p/4977bd0073d5 阅读全文
posted @ 2018-06-08 12:39 剽悍一小兔 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 19.1 添加用户修改的按钮 打开userManage.html,找到新增按钮的地方: 我们不难发现,编辑按钮就差不多应该在新建用户的右边。 那么,假如我现在是新人,对这个项目本身就不太熟悉,那么我得先找到这个页面,然后再去对应的页面找到新增按钮,然后在新增按钮的右边加上对应的代码。代码怎么写,我先 阅读全文
posted @ 2018-06-08 12:39 剽悍一小兔 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 因为HTTP请求是一种无状态的请求,所谓无状态,就是服务器不会记录下你本次请求的信息。http它是基于请求 相应模式的一种数据传输协议。就是说,你发送一个请求,我服务器给你一个响应,这件事情就算完了。无状态也就是一种无记忆的方式。 Session的作用就是,临时在服务器端记录下你用户的某些数据,方便 阅读全文
posted @ 2018-06-08 12:38 剽悍一小兔 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1.对用户名和密码进行非空判断(后台验证) 2. 进行数据库链接 3. 根据用户名和密码进行用户表的查询,如果用户存在,那么查询出来的数量肯定等于1,否则,认为用户名和密码错误。还有一种情况,就是单单根据用户名去查,如果查不到这个用户名,就提示用户用户名不存在。 16. 异步登陆 在上一节中,我们使 阅读全文
posted @ 2018-06-08 12:32 剽悍一小兔 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 6.1工具栏 6.2新增面板 6.3点击新增按钮就打开新增面板 6.4保存方法 0){ $resultData["errCode"] = 1; $resultData["errMsg"] = "用户名重复!"; echo json_encode($resultData); return; } } / 阅读全文
posted @ 2018-06-08 12:31 剽悍一小兔 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 新建一个login文件,里面存放的就是用户登录的模块。 在body中贴如以下代码: 最终表单提交地址为login.php,具体的业务逻辑会在下一节给出。 阅读全文
posted @ 2018-06-08 12:31 剽悍一小兔 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 从这一节开始,开始着手开发部门管理模块。 之后的内容就在此基础上进行增加。 1.用户查询 在目录中建立一个user文件夹,作为我们用户管理的模块。 打开这个文件,新建一个userManage.html文件。 用编辑器打开这个文件,添加基本的文档结构: 然后,在head标签内,写上easyUI的资源文 阅读全文
posted @ 2018-06-08 10:27 剽悍一小兔 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 假如有一天,用户找到你,说万一不小心手一抖,就点击了删除用户,不太好。能不能再误点的时候,再给个确认框,让用户进行二次确认。 OK,用户是上帝。这边我们可以考虑用confirm方法进行开发。 参考代码: function deleteUser(id){ if(!confirm("您确定要删除这用户吗 阅读全文
posted @ 2018-06-08 10:27 剽悍一小兔 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 因为easyUI的datagrid组件是横着一格一格加载数据的,一行加载好了之后才会去加载下一行。所谓的列格式化,就是在加载某一列的所有单元格时,对即将加载到这些单元格的数据进行二次包装。 比如,我们要把部门编号都变成一个超链接,假如链接到百度,怎么做? 方法就是在你需要格式化的那一列上添加一个fo 阅读全文
posted @ 2018-06-08 10:26 剽悍一小兔 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1、单条数据删除 思路:首先,需要也只能允许用户勾选一条数据,然后弹出一个确认框,问用户是否真的要删除?如果是,就把ID传递到PHP,然后写一个delete语句,通过ID去删除即可。 画好了按钮之后,编写其点击事件。 前台代码: 如果你是做前端的,往往可以不用关心后台代码如何实现,反正都是用ajax 阅读全文
posted @ 2018-06-08 10:24 剽悍一小兔 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 9. 编辑部门功能的实现 思路:只允许用户勾选一条数据,点击编辑按钮,会跳出一个和新增数据类似的对话框。然后,用户可以修改部门名称和部门编码。点击保存按钮,提示修改成功。 9.1 前台代码编写 现在点击编辑部门按钮是没有用的,因为openModifyDialog方法还未编写,所以,当务之急就去scr 阅读全文
posted @ 2018-06-08 10:23 剽悍一小兔 阅读(367) 评论(0) 推荐(0) 编辑