vue实现简单的登录页面源码_用vue实现登录注册页面代码

文章目录：

• 1、在线等！急！ 用PHP编写程序，实现简单的用户登录页面 （1）制作login.html用户登录页面，效果图如下：
• 2、vue项目里想用html的注册登录路由router/index.js应该怎么写js
• 3、vue 登录选择不同用户跳转到不同的页面？
• 4、求一个网页代码,简单实现用户的登录和认证判断
• 5、Vue写一个曾删改的界面得几天

在线等！急！ 用PHP编写程序，实现简单的用户登录页面 （1）制作login.html用户登录页面，效果图如下：

login.html

form action="login.php" method="post" name="formUser"

table width="100%" border="0" align="left" cellpadding="5" cellspacing="3"

tr

td width="25%" align="right"用户名：/td

td width="65%"

input name="username" type="text" size="25" id="username" /

/td

/tr

tr

td align="right"登陆密码：/td

td

input name="password" type="password" id="password1" style="width:179px;" /

/td

/tr

tr

td align="right"确认密码：/td

td

input name="confirm_password" type="password" id="conform_password" style="width:179px;"/

/td

/tr

tr

td align="right"选择性别：/td

td

input name="rd1" type="radio" size="25" id="rd1" value="男" checked/

input name="rd2" type="radio" size="25" id="rd2" value="男"/

/td

/tr

tr

td align="right"个人爱好：/td

td

input name="ck1" type="checkbox" size="25" id="ck1" value="音乐" checked/

input name="ck2" type="checkbox" size="25" id="ck2" value="游戏"/

input name="ck3" type="checkbox" size="25" id="ck3" value="电影"/

/td

/tr

tr

td align="right"备注信息：/td

td

input name="t1" type="text" size="25" id="t1" value="" /

/td

/tr

tr

td

input name="Submit" type="submit" value="普通提交按钮"

/td

td

input name="btn1" type="btn" value="重置按钮"

/td

/tr

/table

/form

login.php

$username = isset($_POST['username']) ? trim($_POST['username']) : '';

$password = isset($_POST['password']) ? trim($_POST['password']) : '';

if (strlen($password) 6)

{

show_message($_LANG['passport_js']['password_shorter']);

}

if (strpos($password, ' ') 0)

{

show_message($_LANG['passwd_balnk']);

}

if (register($username, $password) !== false)

{

/*把新注册用户的扩展信息插入数据库*/

$sql = 'SELECT id FROM ' . $ecs-table('reg_fields') . ' WHERE type = 0 AND display = 1 ORDER BY dis_order, id'; //读出所有自定义扩展字段的id

$fields_arr = $db-getAll($sql);

$extend_field_str = ''; //生成扩展字段的内容字符串

foreach ($fields_arr AS $val)

{

$extend_field_index = 'extend_field' . $val['id'];

if(!empty($_POST[$extend_field_index]))

{

$temp_field_content = strlen($_POST[$extend_field_index]) 100 ? mb_substr($_POST[$extend_field_index], 0, 99) : $_POST[$extend_field_index];

$extend_field_str .= " ('" . $_SESSION['user_id'] . "', '" . $val['id'] . "', '" . compile_str($temp_field_content) . "'),";

}

}

$extend_field_str = substr($extend_field_str, 0, -1);

if ($extend_field_str) //插入注册扩展数据

{

$sql = 'INSERT INTO '. $ecs-table('reg_extend_info') . ' (`user_id`, `reg_field_id`, `content`) VALUES' . $extend_field_str;

$db-query($sql);

}

}

else

{

$err-show($_LANG['sign_up'], 'login.php?act=login');

}

vue项目里想用html的注册登录路由router/index.js应该怎么写js

vue.js路由使用方法：vue1.0的方法

htmla href="#" v-link="{path:'/login'}"登陆/arouter-view/router-view//内容显示的script//1、准备一个根组件var App = Vue.extend();//2、准备组件var Login = Vue.extend({template:{h3登陆页面/h3}});//3、准备路由

var router = new vueRouter();//4、关联组件和路径router.map({'login':{component:Login //组件名称}});//5、启动路由router.start(App,'#box');//6、默认跳转页面（不是必须）

router.redirect({'/':'login'});/script/html

vue 登录选择不同用户跳转到不同的页面？

根据用户执行不同的路由地址就行了 登陆后获得token 然后location指向你想去的路由地址

求一个网页代码,简单实现用户的登录和认证判断

login.asp

if session("username")="" then

form name="form" method="post" action="check.asp

input name="username" type="text" id="username" size="16"

input name="password" type="password" id="password" size="16"

input name="提交" type="submit" value="sumbit"

/form

else

欢迎{session("usernae")}的到来

end if

check.asp

username=trim(request.form("username"))

password=trim(request.form("password"))

set rs=server.createobject("adodb.recordset")

sql="select * from user where username="username

rs.open sql,conn,1,3

if not rs.eof then

if trim(rs("password"))=pasword then

session("username")=trim(rs("username"))

response.write "登陆成功"

response.redirect "index.asp"

else

response.write "登陆失败"

response.redirect "login.asp"

end if

Vue写一个曾删改的界面得几天

如果只是简单的界面需要两到三天即可。

打开搭建好的vue项目，在components文件夹下面新建一个文件。vue中页面跳转配置可以用路由实现，然后把登陆、转换等界面设置好，一个简单的登录功能算是完成了。

用vue写一个界面需要几个步骤，创建登录界面和主页，配置路由，配置mainjs，配置Appvue，登录页面，主页面。这样就完成啦。