吉趣管理端-第一次上手代码

前天,吉软国际,马老师花了2个小时给我们讲述了一下开发管理端,和移动端的区别。

然后我便着手安装环境,准备开发。

昨天花了3个小时用2倍速看完了慕课网上的《JavaEE》课程

然后今天一整天整了一个简陋的用户登录页面。

简单来说,登录页面主要是解决以下几个问题:

a.如何页面跳转

b.跳转的时候如何传参数

c.传来了参数如何获取

d.获取之后如何根据不同的值显示样式

f.如何连接apicloud数据库查询

不过我们先来说一些前置知识

登录页面

前期准备

Tomcat 与 Eclipse的安装

期间碰到两个问题:

1.Eclipse在preferences找server接入tomcat 的时候找不到server  

解决方法:百度

2.启动服务器是吧,错误信息是端口8080已被占用

解决方法:大多数情况是,Tomcat自动启动,所以你需要先把他关掉,然后用eclipse启动

dos界面使用netstat -ano查看端口使用PID


吉趣管理端-第一次上手代码_第1张图片

用到的知识

马老师课上的内容:

1.服务器响应的逻辑

用户端请求(浏览器)-->

Tomcat(响应选择网页)-->

向apicloud服务器请求数据(网页)-->

apicloud数据返回-->

合成网页发送给用户。

2.session的概念

3.项目结构


吉趣管理端-第一次上手代码_第2张图片
项目结构

慕课网课程的内容:

1.JSP基础语法

<%!申明变量%>

<%=赋值%>

<%代码%>

<% out.println("

title

")%>

 java代码输出到页面

session对象(在登录后,保存用户的信息)

· 用户信息(保存在服务器端)

· PS Cookies 同样可以保持用户信息,不过保存在浏览器里(保存不重要的信息)

application对象(未用到)

· 实现了用户间数据的共享,可存放全局变量;

page对象(未用到)

· page对象指向当前JSP页面本身,有点类似this指针

JavaBeans(未用到)

include 指令 (未用到)

最为重要的其他内容(主要用于减少页面复杂度,实际上可以不用,都用<%%>实现):

老师给我们了一个简单的项目文件,用于我们参考,但是在老师的项目里,用了很多简化jsp代码的功能,这导致了,尽管我已经过了一遍慕课网,第一次打开项目,依然很懵逼。

taglib

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 

定义一个标签库以及其自定义标签的前缀

作用:用标签执行java代码,减少页面结构的复杂性 ,用处和“<% %>”一样

例子:

    ${ }是EL表达式,下面会说

 

      class="success"

 

      class="error"

 

说明:

if result==1{}

else if result==2{}

EL表达式——是为了使JSP写起来更加简单

例如:${username}。它的意思是取出某一范围中名称为username的变量。

如果我们并没有指定哪一个范围的username,它会依序从Page、Request、Session、Application范围查找。

假如途中找到username,就直接回传,假如全部的范围都没有找到时,就回传null。


所以在执行上面的代码:

获取result之前,需要向Page或Request或Session或Application中存入 result。

向request对象存储值:

String result=request.getParameter("result");//获取页面传来的result  如何向页面传参数下面会说

request.setAttribute("result", result);//将上面获取到的result,存到名为“result”的键中。

然后下面就可以使用EL表达式获取“result”了。

吉趣管理端-第一次上手代码_第3张图片
taglib与EL表达式的运用

下面来正式说一下,如何实现登录页面

1.业务逻辑:

吉趣管理端-第一次上手代码_第4张图片
业务逻辑

2.涉及页面及功能

· login.jsp 登录输入框,含有form


吉趣管理端-第一次上手代码_第5张图片

· doLogin.jsp 获取表单传来的内容,执行代码,判断是否登录成功并跳转。如果登录失败,跳转回login.js成功则跳转到其他页面

3.关键点

a.如何页面跳转

b.跳转的时候如何传参数

c.传来了参数如何获取

d.获取之后如何根据不同的值显示样式

f.如何连接apicloud数据库查询

4.具体说明

如何页面跳转

登录页面只使用了response对象的方法。

response.sendRedirect("login.jsp");

PS:慕课网上的跳转用的是:请求转发和请求重定向

request.getRequestDispatcher().forward();

查阅了一下百度,二者的区别:

①response.sendRedirect(url)-----重定向到指定URL

request.getRequestDispatcher(url).forward(request,response) -----请求转发到指定URL

②response.sendRedirect(url)-----是客户端跳转

request.getRequestDispatcher(url).forward(request,response) -----是服务器端跳转

③response.sendRedirect(url)跳转到指定的URL地址后,上个页面(跳转之前的原来页面)中的请求全部结束,原request对象将会消亡,数据将会消失。紧接着,当前新页面会新建request对象,即产生新的request对象。

跳转的时候如何传参数

这里使用的是地址的拼接

url?参数=值&参数=值

比如:

response.sendRedirect("login.jsp?result=0");

这样传的参数保存在request中。

当然,使用地址拼接传参,虽然方便但也有很多的弊端。

传来了参数如何获取

我使用的是页面拼接传参,所以获取方式如下:

<%

String result=request.getParameter("result"); //获取传来的result

request.setAttribute("result", result);//为了下面EL(上面有介绍)表达式可以使用“result”,保存到request中

%>

获取之后如何根据不同的值显示样式


吉趣管理端-第一次上手代码_第6张图片
如何根据不同的result指,添加给样式不同的class

如何连接apicloud数据库查询

0.引入jar包

1.输入apicloud的appId和appKey

String appId="***************";

String appKey="********-****-****-****-************";

2.链接数据库

Resource resource = new Resource(appId, appKey, "");

3.设置查询字段

js的写法是:

filter={

"fields":["Nickname","HeadImgUrl","Power"],

"where":{"AccountNumber":xxx,"Password":xxx,}

}

则java的写法:

String[] array={"Nickname", "HeadImgUrl", "Power"}; //设置要查询字段

Map filter=new HashMap(); //构造filter里面的field

filter.put("fields", array);

Map where=new HashMap(); //构造where

where.put("AccountNumber", username); 

where.put("Password", password);

filter.put("where",where );

String whereStr=JSONObject.toJSONString(filter);//变成字符串

4.查询

JSONObject result=resource.doFilterSearch("MyUser",whereStr );//查询MyUser表

查询结果在 result里


吉趣管理端-第一次上手代码_第7张图片
谢谢马老师今天帮忙解决了一揽子问题

你可能感兴趣的:(吉趣管理端-第一次上手代码)