JavaEE入门学习之JSF框架

JSF和EJB初步学习

一个简陋的购物车项目,可以从数据库中查询数据

一、软件安装——netbeans8.1
链接:https://pan.baidu.com/s/1Y3Xo1ApDoRA47UqH9adKYA
提取码:54lr
安装请看:netbeans8.1安装
补充说明:安装netbeans一定要安装jdk,且版本不能是最新的。我个人用的是jdk1.8,这个一般都可以。
二、创建新项目
1.左上角点击文件,择新建项目JavaEE入门学习之JSF框架_第1张图片
2.选择Java Web,Web应用程序,然后点击下一步JavaEE入门学习之JSF框架_第2张图片
3.完成项目名称和项目位置的选择
JavaEE入门学习之JSF框架_第3张图片
4.默认接下来的服务器和设置
JavaEE入门学习之JSF框架_第4张图片
5.最后选择JavaServer Faces框架,在配置那里选择JSP作为项目主页
JavaEE入门学习之JSF框架_第5张图片
6.完成
JavaEE入门学习之JSF框架_第6张图片
7.运行看看能不能行,成功页面如下
JavaEE入门学习之JSF框架_第7张图片

三、 添加JSF配置文件
1.在项目上右键新建→其他
JavaEE入门学习之JSF框架_第8张图片
2.选择JavaServer Faces→JSF Faces配置,点击下一步
JavaEE入门学习之JSF框架_第9张图片
3.默认选项
JavaEE入门学习之JSF框架_第10张图片

4.配置好在项目的WEB-INF和配置文件中会出现该配置改文件
JavaEE入门学习之JSF框架_第11张图片
四、添加持久化配置
1.在项目上右键新建→其他
JavaEE入门学习之JSF框架_第12张图片
2.选择持久性→持久性单元,下一步
JavaEE入门学习之JSF框架_第13张图片
3.在数据源处选择jdbc/sample(其他不要选)
JavaEE入门学习之JSF框架_第14张图片
4.完成
JavaEE入门学习之JSF框架_第15张图片
五、建立本项目需要的源包
1.在源包处右键,新建→Java包
JavaEE入门学习之JSF框架_第16张图片
2.新建com.models,com.controllers,com.ejblogic三个源包
JavaEE入门学习之JSF框架_第17张图片
3.完成后
JavaEE入门学习之JSF框架_第18张图片
六、在数据库sample中添加所需要的表
1.在服务中点击数据库,右键sample连接,然后可以在jdbc中的APP中找到表,并右键表选创建表
JavaEE入门学习之JSF框架_第19张图片

2.创建表
JavaEE入门学习之JSF框架_第20张图片
2.填写表名并添加列
JavaEE入门学习之JSF框架_第21张图片
JavaEE入门学习之JSF框架_第22张图片

JavaEE入门学习之JSF框架_第23张图片
JavaEE入门学习之JSF框架_第24张图片
3.完成表格创建
JavaEE入门学习之JSF框架_第25张图片
4.往表格里面添加数据,避免之后进行查询操作的适合出现错误
JavaEE入门学习之JSF框架_第26张图片
JavaEE入门学习之JSF框架_第27张图片

进行数据添加后确定
JavaEE入门学习之JSF框架_第28张图片
成功之后这里会出现数据
JavaEE入门学习之JSF框架_第29张图片
七、在源包com.models中添加与数据库连接的表
1.右键源包com.models新建→其他
JavaEE入门学习之JSF框架_第30张图片
2.选持久性→通过数据库生成实体类,下一步
JavaEE入门学习之JSF框架_第31张图片
3.选择刚才新建的表→添加JavaEE入门学习之JSF框架_第32张图片
4.去掉包括相关里面的打勾
JavaEE入门学习之JSF框架_第33张图片
5.下一步
JavaEE入门学习之JSF框架_第34张图片
6.完成
JavaEE入门学习之JSF框架_第35张图片
八、在com.controllers中添加查询类
1.右键源包com.controllers新建→其他
JavaEE入门学习之JSF框架_第36张图片
2.选JavaServer→JSF受管Bean,下一步JavaEE入门学习之JSF框架_第37张图片
3.写入名字并完成,注意配置
JavaEE入门学习之JSF框架_第38张图片
4.往文件中添加代码

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package com.controllers;


import com.models.Cart;
import java.util.ArrayList;
import java.util.List;

import javax.annotation.Resource;
import javax.ejb.EJB;
import javax.inject.Named;
import javax.persistence.EntityManager;
import javax.persistence.PersistenceContext;
import javax.transaction.UserTransaction;

/**
 *
 * @author 17958
 */
@Named
public class naviurlejb {
@PersistenceContext
private EntityManager em;
@Resource
private UserTransaction ut;

private List<Cart> outdata;
private double sum;

    public double getSum() {
        return sum;
    }

    public void setSum(double sum) {
        this.sum = sum;
    }
    public List<Cart> getOutdata() {
        return outdata;
    }

    public void setOutdata(List<Cart> outdata) {
        this.outdata = outdata;
    }
    /**
     * Creates a new instance of naviurlejb
     */
    public naviurlejb() {
    }
    public String findall(){
        List<Cart> getdata = em.createQuery("from Cart o ").getResultList();
        this.setOutdata(getdata);
        return "listview";
    }
  }

九、添加查询页面
1.右键web页新建→其他
JavaEE入门学习之JSF框架_第39张图片
2.选JavaServert Faces→JSF页,下一步
JavaEE入门学习之JSF框架_第40张图片
3.写入文件名,选择JSP文件(这个文件名要跟naviurlejb.java文件中的函数findall函数返回的字符串一样),完成JavaEE入门学习之JSF框架_第41张图片
4.写入代码

<%-- 
    Document   : listview
    Created on : 2020-11-8, 22:08:57
    Author     : 17958
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>JSP Page</title>
        </head>
        <body>
            <h1><h:outputText value="Hello World!"/></h1>
            <h:dataTable  border="1" value="#{naviurlejb.outdata }" var="item">
                <h:column>
                    <h:outputText value="#{item.name}"></h:outputText>
                </h:column>
                <h:column>
                    <h:outputText value="#{item.price}"></h:outputText>
                </h:column>
                
            </h:dataTable>
        </body>
    </html>
</f:view>

十、主页中添加查询按钮
1.welcomeJSF.jsp代码如下

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%--
    This file is an entry point for JavaServer Faces application.
--%>
<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>JSP Page</title>
        </head>
        <body>
            <h1><h:outputText value="JavaServer Faces"/></h1>
            <h:form>
                <h:commandButton action="#{naviurlejb.findall()}" value="查询"></h:commandButton>
                
            </h:form>
            
        </body>
    </html>
</f:view>

2.运行项目
JavaEE入门学习之JSF框架_第42张图片
点击按钮查询
JavaEE入门学习之JSF框架_第43张图片

你可能感兴趣的:(代码编程,java)