知问前端——Ajax登录

本文,将使用Ajax登录. 一.服务器端代码 is_user.php: <?php require 'config.php'; $query = mysql_query("SELECT name FROM user WHERE name='{$_POST['user']}'") or die('SQL 错误!'); if (mysql_fetch_array($query, MYSQL_ASSOC)) { echo 'false'; } else { echo 'true'; }…

知问前端——Ajax提交表单

本文,运用两大表单插件,完成数据表新增的工作. 一.创建数据库创建一个数据库,名称为:zhiwen,表——user表,字段依次为:id.name.pass.email.sex.birthday.date. 本人是使用的Navicat for MySQL创建的user表, user表的结构如下: 所需的PHP文件:config.php.add.php.(本人没学过php,所以不过多解释) config.php: <?php header('Content-Type:text/html; char…

知问前端——Ajax表单插件

传统的表单提交,需要多次跳转页面,极大的消耗资源也缺乏良好的用户体验.而这款form.js表单的Ajax提交插件将解决这个问题. 一.核心方法官方网站:http://malsup.com/jquery/form/ form.js插件有两个核心方法:ajaxForm()和ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能. 若没有结合其他插件.js.jQuery里的submit()方法时,就用ajaxForm()提交表单. 若用js.jQuery里的submit()方…

知问前端--Ajax

本节课主要是创建一个问题表,将提问数据通过 ajax 方式提交出去.然后对内容显示进行布局,实现内容部分隐藏和完整显示的功能. 一．Ajax 提问创建一个数据表:question,分别建立:id.title.content.user.date.然后创建一个 PHP 文件:add_content.php//新增提问代码<?phpsleep(3);require 'config.php';$query = "INSERT INTO question (title, content, user,…

第一百八十七节，jQuery，知问前端--cookie 插件，注册成功后生成cookie，显示登录状态

jQuery,知问前端--cookie 插件学习要点: 1.使用 cookie 插件 2.注册直接登录 Cookie 是网站用来在客户端保存识别用户的一种小文件.一般来用库可以保存用户登录信息.购物数据信息等一系列微小信息. 一．使用 cookie 插件官方网站:http://plugins.jquery.com/cookie/ cookie()生成cookie文件,3个参数,参数1cookie名称,参数2cookie值,参数3是一个对象设置cookie 生成一个 cookie: $.co…

知问前端——对话框UI(一)

对话框(dialog),是jQuery UI非常重要的一个功能.它彻底的代替了JavaScript的alert().prompt()等方法,也避免了新窗口或页面的繁杂冗余. 开启多个dialog 我们可以同时打开多个dialog,只要设置不同的id即可实现.如: test.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</tit…

第一百八十三节，jQuery-UI，知问前端--验证插件

jQuery-UI,知问前端--验证插件学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能验证插件(validate.js),是一款验证常规表单数据合法性的插件.使用它,极大的解放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验. 一．使用 validate.js 插件官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-v…

知问前端——创建header区

创建界面我们首先要设计一个header,这个区域将要设计成永远置顶.也就是,往下拉出滚动条也永远在页面最上层可视区内.在header区,目前先设计LOGO.搜索框.按钮.注册和登录即可. 项目的大致骨架如下: index.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知问前端</title> <script type=&q…

知问前端——cookie插件

Cookie是网站用来在客户端保存识别用户的一种小文件.一般可以保存用户登录信息.购物数据信息等一系列微小信息. 一.使用cookie插件官方网站:http://plugins.jquery.com/cookie/ 从官网下载cookie插件——jquery.cookie.js插件. 1.生成一个cookie,名称为user,内容为liayun: $.cookie("user","liayun"); 2.cookie的参数设置: $.cookie("us…

知问前端——日历UI(三)

datepicker日期选择选项属性默认值/类型说明 minDate 无/对象.字符串或数值日历中可以选择的最小日期 maxDate 无/对象.字符串或数值日历中可以选择的最大日期 defaultDate 当天/日期预设默认选定日期.没有指定,则是当天 yearRange 无/日期设置下拉菜单年份的区间.比如:1950:2020 hideIfNoPrevNext false/字符串设置为true,如果上一月和下一月不存在,则隐藏按钮 gotoCurrent false/布尔值如…

知问前端——日历UI(二)

datapicker外观选项属性默认值/类型说明 disabled false/布尔值禁用日历 numberOfMonths 1/数值日历中同时显示的月份个数.默认为1,如果设置3就同时显示3个月份.也可以设置数组:[3,2],3行2列共6个 showOtherMonths false/布尔值如果设置为true,当月中没有使用的单元格会显示填充, 但无法使用.默认为false,会隐藏无法使用的单元格 selectOtherMonths false/布尔值如果设置为true,表示可以…

知问前端——日历UI(一)

日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不同国家的语言限制,包括汉语. 调用datepicker()方法 $('#date').datepicker(); 修改datepicker()样式日历UI的header背景和对话框UI的背景采用的是同一个class,所以在此之前已经被修改,所以,这里无须再修改了. /* 日历UI的今天单元格样式 */ .ui-datepicker-today .ui-state-highlight { border:1px…

知问前端——自动补全UI

自动补全(autocomplete),是一个可以减少用户输入完整信息的UI工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 调用autocomplete()方法 var host = ['aa', 'aaaa', 'aaaaaa', 'bb']; $("#email").autocomplete({ source:host }); 修改autocomplete()样式由于autocomplete()方法是弹窗,然后鼠标悬停的样式,我们通过Firebug想获取到…

知问前端——工具提示UI

工具提示(tooltip),是一个非常实用的UI.它彻底扩展了HTML中的title属性,让提示更加丰富,更加可控制,全面提升了用户体验. 调用tooltip()方法在调用tooltip()方法之前,首先需要针对元素设置相应title属性.如: <input type="text" name="user" class="text" id="user" title="请输入帐号, 不小于2位! " /…

知问前端——按钮UI

按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 使用button按钮使用button按钮UI的时候,不一定必须是input按钮形式,普通的文本也可以设置成button按钮. $('#search_button').button(); 修改button样式在弹出的button对话框中,在火狐浏览器中打开Firebug或者右击->查看元素.这样,我们可以看看button的样式,根据样式进行修改.我们为了和网站主…

第一百七十八节，jQuery-UI，知问前端--对话框 UI

jQuery-UI,知问前端--对话框 UI 学习要点: 1.开启多个 dialog 2.修改 dialog 样式 3.dialog()方法的属性 4.dialog()方法的事件 5.dialog 中使用 on() dialog()方法,将指定区块实现对话框功能一．开启多个 dialog 我们可以同时打开多个 dialog,只要设置不同的 id 即可实现. $('#reg').dialog(); $('#login').dialog(); 二．修改 dialog 样式在弹出的 dialog…

知问前端——对话框UI(二)

dialog()方法的事件除了属性设置外,dialog()方法也提供了大量的事件,这些事件可以给各种不同状态时的对话框提供回调函数,这些回调函数中的this值等于对话框内容的div对象,不是整个对话框的div. dialog事件选项事件名说明 focus 当对话框被激活时(首次显示以及每次在上面点击)会调用focus方法,该方法有两个参数(event, ui).此事件中的ui参数为空. create 当对话框被创建时会调用create方法,该方法有两个参数(event, ui).此事件中的…

第一百八十二节，jQuery-UI，知问前端--日历 UI

jQuery-UI,知问前端--日历 UI 学习要点: 1.调用 datepicker()方法 2.修改 datepicker()样式 3.datepicker()方法的属性 4.datepicker()方法的事件日历(datepicker)UI,可以让用户更加直观的.更加方便的输入日期,并且还考虑不同国家的语言限制,包括汉语. 一．调用 datepicker()方法 $('#date').datepicker(); 二．修改 datepicker()样式日历 UI 的 header 背景…

第一百八十一节，jQuery-UI，知问前端--自动补全 UI--邮箱自动补全

jQuery-UI,知问前端--自动补全 UI--邮箱自动补全学习要点: 1.调用 autocomplete()方法 2.修改 autocomplete()样式 3.autocomplete()方法的属性 4.autocomplete()方法的事件 5.autocomplete 中使用 on() 自动补全(autocomplete),是一个可以减少用户输入完整信息的 UI 工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 一．调用 autocomplete()方法 a…

第一百八十节，jQuery-UI，知问前端--消息提示 UI

jQuery-UI,知问前端--消息提示 UI 学习要点: 1.HTML 部分 2.CSS 部分 3.jQuery 部分通过前面已学的 jQuery UI 部件,我们来创建一个注册表单. html <div id="reg" title="会员注册"> <p> <label for="user">帐号:</label> <input type="text" name=&q…

第一百七十九节，jQuery-UI，知问前端--按钮 UI-图标

jQuery-UI,知问前端--按钮 UI 学习要点: 1.使用 button 按钮 2.修改 button 样式 3.button()方法的属性 4.button('action', param) 5.单选.复选按钮按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 一．使用 button 按钮使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置成 button…

第一百七十七节，jQuery，知问前端--概述及 jQuery UI

jQuery,知问前端--概述及 jQuery UI 学习要点: 1.项目介绍 2.jQuery UI 3.UI 主题一．项目介绍我们重点仿照“知乎”的架构模式来搭建界面和布局,以及大部分前端功能.而“百度知道”作为辅助功能来确定我们这个项目需要的前端功能. 从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框:2.前端按钮: 3.折叠菜单:4.选项卡切换:5.滑动块:6.日历:7.自动补全:8 拖放:等一系列前端模块. 二．jQuery UI jQuery UI 是以 jQ…

知问前端——概述及jQuery UI

知问系统,是一个问答系统.主要功能:即会员提出问题,会员回答问题.目前比较热门的此类网站有:知乎http://www.zhihu.com.百度知道http://zhidao.baidu.com等.这里我们重点参考“知乎”,来学习一下它采用的前端效果. 项目介绍我们重点仿照“知乎”的架构模式来搭建界面和布局,以及大部分前端功能.而“百度知道”作为辅助功能来确定我们这个项目需要的前端功能. 从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框:2.前端按钮:3.折叠菜单:4.选项卡切…

知问前端——html+jq+jq_ui+ajax

************************************************************************************************************* 1.界面展示源码,相关视频链接 2.1感谢飘城Web俱乐部视频:http://study.163.com/course/courseLearn.htm?courseId=501006#/learn/video?lessonId=681070&courseId=501006 2.…

知问前端——html+jq+jq_ui+mySql+ajax

前端 ajax 改写登录界面

SSM 整合项目开发到一个阶段,想慢慢地把前台框架等技术引入进来突然碰到一个困惑好久的问题: ajax 替换原本 form 表单 post 提交登录: 一直 404 错误,心塞.... 最后发现原来是 ajax 绑定 button click 事件时候,会触发 form 表单的 post 方法,从而改变 url 地址 cancel 掉了 XHR 的请求...阿西吧... 记得去掉这个 form标签啊啊啊啊!!! <form action=.....method.....> 不用 js 的表…

Ajax登录用户名密码

巨蟒python全栈开发django10:ajax&&登录认证

通过题目进行知识点回顾: 聚合查询 From django.db.models import Avg,Min,Max,F,Q,Count,Sum #查询书籍的平均值 Ret= Models.Book.objects.all().aggregate(s=Avg(‘price’)); Ret = Models.Book.objects.aggregate(s=Avg(‘price’)) Ret = {‘s’:平均值}, 分组查询 Annotate(c=Count(‘id’),m=Max(),min=…

解决shiro自定义filter后，ajax登录无法登录，并且无法显示静态资源的问题

这个问题困扰了我一天,看了下面两个文章,豁然开朗: https://www.cnblogs.com/gj1990/p/8057348.html https://412887952-qq-com.iteye.com/blog/2392741 按照如下方法即可解决无法显示静态资源问题: 一.让springboot拦截器来接管静态资源,同时在shiroconfig中通过new方式注册过滤器 1.代码一 import java.util.Arrays; import org.slf4j.Logger;…

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。

ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架.…

【知问前端——Ajax登录】的更多相关文章