|
|
知识路径： > 电子商务系统程序设计基础 > 电子商务系统建设 > 电子商务系统组件设计 >
|
|
相关知识点：13个
|
|
|
|
|
|
|
|
|
登录是用户在电子商务网站中进行各种商务活动的前提，登录模块的功能是判断用户是否合法（已注册），如果合法用户忘记了密码要能根据注册信息找回密码，如果是非法用户，登录了多次是否要进行限制，只有合法用户且密码正确才能登录成功。登录模块的基本功能如下图所示。
|
|
|
|
|
|
|
|
|
|
登录页面包括TextBox和Label控件，分别用于用户信息的输入及显示提示性文本信息，另外，验证控件对用户输入进行验证。登录页面如下图所示。
|
|
|
|
|
|
|
|
|
|
当用户单击“登录”按钮时，首先验证控件会验证用户是否填写信息，如果没有填写则提示用户填写，如果已经填写了，则判断用户是否是合法用户，如果是合法用户，再判断用户密码是否正确。主要程序代码如下：
|
|
|
|
|
|
|
|
|
|
与PC端一样，移动端登录是商务活动不可或缺的功能。用户应用社交、电商、金融等App必须进行注册登录，如微信、QQ、支付宝、淘宝、美团等。移动端用户账号登录注册主要有几种形式：第三方账号、手机号、邮箱。
|
|
|
|
（1）第三方账号（QQ、微信、微博等）。使用第三方账号优势是用户操作简单，方便用户快速的体验产品；其缺点是通过第三方平台获取到的用户信息太少，手机没有安装对应App时，通过网页进行登录认证需要输入账号密码，复杂度很高。移动端第三方登录模块的基本功能如下图所示。
|
|
|
|
|
|
|
|
（2）手机号注册登录。通过手机获取验证码（短信），验证后设置密码进行注册；登录时使用手机号和密码登录。获取验证码的优点是可以很大程度上防止恶意注册，可以导入通讯录关系而且用户不需要记忆成本；其缺点是短信验证码需要成本，用户隐私可能泄露，手机号丢失后找回复杂。移动端手机号注册登录模块的基本功能如下图所示。
|
|
|
|
|
|
|
|
（3）邮箱登录注册。邮箱登录验证成本低，对用户来说隐私性更好，但是移动端邮箱输入复杂，验证不方便，普及率不高普及率高。
|
|
|
|
|
|
由于移动端（手机）屏幕的限制，长字符串的输入以及字母数字符号间的切换对用户来说很不方便，因此要特别注意在注册登录界面的设计环节。在输入方面增加单词的输入联想，邮箱的后缀列为选择菜单，输入手机号／卡号／验证码时自动弹出数字输入面板，减少冗余操作，默认勾选用户协议等；在显示方面，手机号、银行卡等长字符串应进行分类，如手机号显示为***_****_****，验证码短信发送时将数字显示到短信最前方，这样用户可以直接从短信摘要取得信息而不需要切换到短信应用。
|
|
|
|
|
|
移动端界面的代码实现由于采用的编程方式各不相同，实现的过程差异很大，这里通过HTML、CSS和JSP+MySQL数据库设计一个简单的手机验证登录界面，如下图所示。当用户单击“获取验证码”按钮时，获取验证码设置点击事件，并将值发送到send()方法，然后判断是否传输成功。如果成功，为数据库中添加字段，由前端控制器方法实现添加成功后，服务器端JSON返回信息，随后前台进行登录验证。
|
|
|
|
|
|
|
|
|
|
|
|
|
