//玩家的信息，其實也就是玩家的狀態信息

    public class Player {

        /// <summary>

        /// 玩家id,同時也是玩家這個服務的主鍵

        /// </summary>

        public long Id { get; set; }

        /// <summary>

        /// 玩家姓名

        /// </summary>

        public string Name { get; set; }

        /// <summary>

        /// 玩家等級

        /// </summary>

        public int Level { get; set; }

    }

 /// <summary>

    /// 玩家的服務接口

    /// </summary>

    interface IPlayerService: Orleans.IGrainWithIntegerKey

    {

        //獲取玩家名稱

        Task<string> GetName();

        //獲取玩家等級

        Task<int> GetLevel();

        //設置玩家等級，這個操作會改變玩家的狀態

        Task<int> SetLevel(int newLevel);

    }

public class PlayerService : Grain, IPlayerService

    {

        //這裏可以用玩家的信息來代表玩家的狀態信息，而且這個狀態信息又充當了進程內緩存的作用

        Player playerInfo;

        public async Task<int> GetLevel()
         {

            return (await LoadPlayer()).Level;

        }



        public async Task<string> GetName()
         {

            return (await LoadPlayer()).Name;

        }



        public async Task<int> SetLevel(int newLevel)
         {

            var playerInfo =await LoadPlayer();

            if (playerInfo != null)

            {

                //先進行數據庫的更新，然後在更新緩存的狀態, 進程內緩存更新失敗的幾率幾乎為0

                playerInfo.Level = newLevel;                

            }

            return 1;

        }



        private async Task< Player> LoadPlayer()

        {

            if (playerInfo == null)

            {

                var id = this.GetPrimaryKeyLong();

                //這裏模擬的信息，真實環境完全可以從持久化設備進行讀取

                playerInfo= new Player() { Id = id, Name = "玩家姓名", Level = 1 };

            }

            return playerInfo;

        }

    }

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

※網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

※小三通海運與一般國際貿易有何不同?

※小三通快遞通關作業有哪些?

前言

數據庫從最傳統的JDBC連接方式和數據庫池化技術到Hibernate的使用，再到Mybatis的快捷輕量級操作，技術迭代的速度飛快。

在了解了基礎的理論和方法后，學習前沿編程框架、工具，我認為是一種必然的趨勢。

再不看看外面，可能真的要落伍了~

之後，我借團隊項目開發的機會，學習了Mybatis框架，和大家分享一下經驗，願意和大家共同進步！

正文

從零開始

參考： 

1. 下載Mybatis的，並且導入

  點擊連接，選擇下載Mybatis的jar包。這裡有三個文件，基礎使用的話，下載第一個mybatis-3.5.3.zip即可，如果需要查看源碼的話，建議將Source code也下載下來，Windows使用zip，Ubuntu使用tar.gz;

  Eclipse導入只要build puth即可，IDEA的話，在File->Project Structure里導入jar；（建議在項目內建一個lib文件夾，便於遷移）

  只是數據庫部分的話，以下兩個包便足夠了。

2. 新建Java Web Application，編寫數據庫配置文件

文件名可以自定義，我設置的是Mybatis.xml。但是要放到src的根目錄下，這一點要注意。

注意：

url的配置信息中 ” & ” 符號無法解析，需要變為 “ & “；

映射文件路徑以 “ / ”作為文件夾，從src作為根目錄進行訪問；

 1 <?xml version="1.0" encoding="UTF-8" ?>
 2 <!DOCTYPE configuration
 3         PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
 4         "http://mybatis.org/dtd/mybatis-3-config.dtd">
 5 <!--上面一段是非常重要的，有了這一段，xml的配置就擁有了自動補全，這也是考量Mybatis包是否導入成功的一個方面；-->
 6 <configuration>
 7 <!--    可以兼容多種數據庫，配置多個environment，default為當前配置-->
 8     <environments default="mysql">
 9         <environment id="mysql">
10             <transactionManager type="JDBC"/>
11 <!--            使用數據庫池化技術，詳細可以看官方文檔-->
12             <dataSource type="POOLED">
13                 <property name="driver" value="com.mysql.cj.jdbc.Driver"/>
14                 <property name="url" value="jdbc:mysql://localhost:3306/databaseName?useUnicode=true&amp;serverTimezone=GMT%2B8&amp;characterEncoding=utf-8"/>
15                 <property name="username" value=username"/>
16                 <property name="password" value="password"/>
17             </dataSource>
18         </environment>
19     </environments>
20 <!--    映射文件路徑，需要告訴數據庫，要執行哪些操作，以及數據庫實體類和字段的對應關係,接下來進行解釋-->
21     <mappers>
22         <mapper resource="main/mapper/UserMapper.xml"/>
23     </mappers>
24 </configuration>

3. 編寫執行SQL語句的SqlSessionFactory

  可以編寫工具類或者工廠類，避免代碼重複。我這裏設置的是DBTools.java

 1 package main.dao;
 2 
 3 import org.apache.ibatis.io.Resources;
 4 import org.apache.ibatis.session.SqlSession;
 5 import org.apache.ibatis.session.SqlSessionFactory;
 6 import org.apache.ibatis.session.SqlSessionFactoryBuilder;
 7 
 8 import javax.annotation.Resource;
 9 import java.io.IOException;
10 import java.io.InputStream;
11 
12 /*
13 Comet_Fei
14 2019/11/17
15 */
16 public class DBTools
17 {
18     private static SqlSessionFactory sqlSessionFactory;
19 
20     static
21     {
22         try
23         {
24             //輸入流讀取文件 Resources Mybatis的自帶加載類
25             InputStream config = Resources.getResourceAsStream("mybatis.xml");
26             //工廠設計模式
27             sqlSessionFactory = new SqlSessionFactoryBuilder().build(config);
28         }
29         catch (IOException e)
30         {
31             e.printStackTrace();
32         }
33     }
34 
35     //創建可以執行映射文件sql的sqlsession
36     public static SqlSession getSqlSession()
37     {
38         return sqlSessionFactory.openSession();
39     }
40 }

4. 編寫表對應的實體類User.java

 此處可用IDEA的pojo快捷操作，生成對應實體；

package main.pojo;


public class User {

    private String userPhoneNumber;private String userName;private String userPassword;public User(String userPhoneNumber, String userName, String userPassword) {
        this.userPhoneNumber = userPhoneNumber;
        this.userName = userName;
        this.userPassword = userPassword;
    }

    public String getUserPhoneNumber() {
        return userPhoneNumber;
    }

    public void setUserPhoneNumber(String userPhoneNumber) {
        this.userPhoneNumber = userPhoneNumber;
    }public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }public String getUserPassword() {
        return userPassword;
    }

    public void setUserPassword(String userPassword) {
        this.userPassword = userPassword;
    }

    @Override
    public String toString() {
        return "User{" +
                "userPhoneNumber='" + userPhoneNumber + '\'' +
                ", userName='" + userName + '\'' +
                ", userPassword='" + userPassword + '\'' +
                '}';
    }
}

5. 編寫實體管理類映射接口UserMapper.java

  UserMapper接口和Mybatis的映射xml文件相對應，便於操作和使用

 1 package main.mapper;
 2 
 3 import main.pojo.User;
 4 
 5 import java.util.List;
 6 
 7 /*
 8 Comet_Fei
 9 2019/11/17
10 */
11 public interface UserMapper
12 {
13     int addUser(User user);
14     User getUser(String userPhoneNumber);
15     int deleteUser(String userPhoneNumber);
16     int setPassword(User user);
17     List<User> listUser();
18 
19 }

5. 編寫映射文件UserMapper.xml

  這類文件非常重要，會將數據庫表和Java代碼的pojo（bean）進行映射，極大的簡化了操作步驟，減小代碼量。

參數說明：

• resultMap是數據庫表和實體的Map映射設置，在使用時，只要加入 resultMap=”userResultMap” 參數即可，如select語句；
• parameterType是傳入的參數類型，如果傳入參數較多的話，可以使用實體類傳參，但是要寫明實體類全路徑；（還沒有學習複雜語句，所以這裏只是簡單介紹）
• resultType是返回值類型，但是不能和resultMap同時存在；
• 傳參方式如代碼所示，用  ${ } 標識參數，和接口一致；
• namespace是全路徑，訪問到當前對應Map的接口文件；
• 注意傳參的數據類型，如果是字符型或者String，需要用單引號包含，如： ‘${userName}’ 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="main.mapper.UserMapper">
    <resultMap id="userResultMap" type="main.pojo.User">
        <result property="userPhoneNumber" column="user_phone_number"/>
        <result property="headPictureId" column="head_pictureId"/>
        <result property="rolePowerId" column="role_power_id"/>
        <result property="userName" column="user_name"/>
        <result property="userPersonalAutograph" column="user_personal_autograph"/>
        <result property="userPassword" column="user_password"/>
        <result property="userSex" column="user_sex"/>
        <result property="userEmail" column="user_email"/>
        <result property="userAddress" column="user_address"/>
        <result property="userUploadNumbers" column="user_upload_numbers"/>
    </resultMap>

    <!--    添加用戶-->
    <insert id="addUser" parameterType="main.pojo.User">
        INSERT INTO user(user_phone_number, user_name, user_password)
        VALUES ('${userPhoneNumber}', '${userName}', '${userPassword}');
    </insert>
    <!--    刪除用戶-->
    <delete id="deleteUser" parameterType="String">
        DELETE FROM user WHERE user_phone_number = '${userPhoneNumber}';
    </delete>

    <!--    獲得賬號為user_phone_number的用戶-->
    <select id="getUser" resultMap="userResultMap">
        SELECT * FROM user WHERE user_phone_number = '${userPhoneNumber}';
    </select>

    <!--    獲得用戶列表-->
    <select id="listUser" resultType="main.pojo.User">
        SELECT * FROM user;
    </select>

    <!--    找回密碼-->
    <update id="setPassword" parameterType="main.pojo.User">
        UPDATE user SET user_password = ${userPassword} WHERE user_phone_number = '${userPhoneNumber}';
    </update>

</mapper>

6. 最後是操作層（DAO）UserDao.java

  因為操作層有特定的業務，這裏只是一個示意而已。java裏面的main函數可以進行局部測試，便於和前端、控制器（servlet）等對接。

 1 package main.dao;
 2 
 3 import main.mapper.UserMapper;
 4 import main.pojo.User;
 5 import org.apache.ibatis.session.SqlSession;
 6 
 7 import java.io.IOException;
 8 
 9 /*
10 Comet_Fei
11 2019/11/17
12 */
13 public class UserDao {
14 //    定義dao內的sqlSession和映射接口mapper
15     private SqlSession sqlSession;
16     private UserMapper mapper;
17 
18     public UserDao()
19     {
20 //        通過工廠，初始化session；通過特有getMapper設置映射接口
21         sqlSession = DBTools.getSqlSession();
22         mapper = sqlSession.getMapper(UserMapper.class);
23     }
24 
25     //添加用戶 成功1 失敗0
26     public int addUser(String userPhoneNumber, String userPassword) throws IOException
27     {
28         //用戶的 手機號，姓名（默認手機號），密碼
29         User user = new User(userPhoneNumber,userPhoneNumber, userPassword);
30         int result = mapper.addUser(user);
31         sqlSession.commit();
32         System.out.println(result);
33         return result;
34     }
35 
36     //用戶登錄 短信 成功2；失敗0
37     public int right(String userPhoneNumber)
38     {
39         int result;
40         User user = mapper.getUser(userPhoneNumber);
41         if(user != null)
42         {
43             result = 2;//登錄成功
44         }
45         else
46         {
47             result = 0;//登錄失敗
48         }
49         sqlSession.commit();
50         return result;
51     }
52 
53     //用戶登錄 手機 密碼 成功2；密碼錯誤1；手機號錯誤0
54     public int right(String userPhoneNumber, String userPassword)
55     {
56         int result;
57         User user = mapper.getUser(userPhoneNumber);
58         if((user != null)&&(userPassword.equals(user.getUserPassword())))
59         {
60             result = 2;//登錄成功
61         }
62         else if(user != null)
63         {
64             result = 1;//密碼錯誤
65         }
66         else
67         {
68             result = 0;//此手機號未註冊
69         }
70         sqlSession.commit();
71         return result;
72     }
73 
74     //刪除用戶 成功是1，不成功是0
75     public int deleteUser(String userPhoneNumber)
76     {
77         int result = mapper.deleteUser(userPhoneNumber);
78         sqlSession.commit();
79         return result;
80     }
81 
82     //重設密碼
83     public int setPassword(String userPhoneNumber, String userPassword)
84     {
85         User user = new User(userPhoneNumber, userPhoneNumber, userPassword);
86         return mapper.setPassword(user);
87     }
88     public static void main(String[] args) throws IOException {
89         UserDao dao = new UserDao();
90 //        System.out.println(dao.deleteUser("111")); //刪除用戶
91 //        dao.addUser("111","111");// 添加用戶
92 //        System.out.println(dao.right("11"));//短信登錄；
93 //        System.out.println(dao.right("111","111"));//短信登錄；
94         System.out.println(dao.setPassword("111","111"));
95     }
96 }

以上為全部內容，之後還會寫一些關於IDEA操作上的快捷鍵，如，IDEA如何連接數據庫、快速生成pojo實體類等的博客。

如果運行異常，歡迎留言交流，共同進步！

這裏特別感謝博客： 

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能

※評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

※智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

※台灣海運大陸貨務運送流程

※兩岸物流進出口一站式服務

CSS(7)— 通俗講解清除浮動

上一篇講了CSS浮動 博客地址：

一、理解清除浮動

1、為什麼要清除浮動

我們前面說過，浮動本質是用來做一些文字混排效果的，但是被我們拿來做布局用，則會有很多的問題出現。

由於浮動元素不再佔用原文檔流的位置，所以它會對後面的元素排版產生影響，為了解決這些問題，此時就需要在該元素中清除浮動。

準確地說，並不是清除浮動，而是清除浮動后造成的影響

2、清除浮動本質

清除浮動的本質: 主要為了解決父級元素因為子級浮動引起內部高度為0 的問題。

我們來詳細解釋下這句話

再解釋下就是在標準流下面一個父div沒有設置高度屬性,那麼它的高度就會被子元素的高度撐開。但是如果這個父div中的子元素是浮動的話，如果父div下面再有

一個兄弟div，那麼這個兄弟div就會遮擋這個父元素。這個現象也叫浮動溢出。

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .father {
        height: 200px;
        border: 1px solid red;
        width: 300px

    }
    .big {
        width: 100px;
        height: 100px;
        background-color: purple;
        float: left;
    }
    .small {
        width: 80px;
        height: 80px;
        background-color: blue;
        float: left;
    }
    .footer {
        width: 400px;
        height: 100px;
        background-color: pink;
    }
    </style>
</head>
<body>
    <div class="father"> 父div
        <div class="big">子div</div>
        <div class="small">子div</div>
    </div>
    <div class="footer">兄弟div</div>
</body>
</html>

運行結果

很明顯這裏，div1和div2已經上浮，而兄弟div就往上移動。這裏因為父div有文字所以佔了點高度，不然兄弟div會完全覆蓋父div。

當然我們可以通過設置父div的高度，來使它不被兄弟div所覆蓋。比如這裏設置 height: 200px;

在刷新下頁面

當父div設置高度后，被覆蓋的問題卻是解決了，但在很多時候我們是不會去設置父div的高度，因為很多時候我們都不知道父div的高度要設置多少。

所以這個時候需要思考解決這個問題。

二、清除浮動的方法

清除浮動的方法本質: 就是把父盒子里浮動的盒子圈到裏面，讓父盒子閉合出口和入口不讓他們出來影響其他元素。

在CSS中，clear屬性用於清除浮動。

基本語法格式

選擇器 {clear:屬性值;}

屬性值

1、額外標籤法

通過在浮動元素末尾添加一個空的標籤，例如

 <div style="clear:both"></div>

我們在上面的代碼添加

<body>
    <div class="father"> 父div
        <div class="big">子div</div>
        <div class="small">子div</div>
        <div style="clear:both"></div>  <!--  只需在父盒子里最後面添加這個空標籤添加clear:both屬性就可以清除浮動 -->
    </div>
    <div class="footer">兄弟div</div>
</body>

運行結果

完美解決了。

優點 通俗易懂，書寫方便。

缺點 添加無意義的標籤，結構化較差。

2、父級添加overflow屬性方法

可以通過觸發BFC的方式，可以實現清除浮動效果。（BFC後面會講）

可以給父級元素添加： overflow為 hidden|auto|scroll  都可以實現。

我們將上面代碼修改為

<body>
    <div class="father" style="overflow: hidden;"> 父div  <!-- 父元素添加 overflow: hidden --> 
        <div class="big">子div</div>
        <div class="small">子div</div>
    </div>
    <div class="footer">兄弟div</div>
</body>

也是能實現去除浮動的效果。

優點 代碼簡潔

缺點 內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法显示需要溢出的元素。

3、使用after偽元素清除浮動

:after 方式為空元素的升級版，好處是不用單獨加標籤了** 

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用after偽元素清除浮動</title>
    <style>
    .clearfix:after {  /*正常瀏覽器 清除浮動*/
        content:"";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {
        *zoom: 1;  /*zoom 1 就是ie6 清除浮動方式  *  ie7一下的版本所識別*/
    }
    .father {
        border: 1px solid red;
        width: 300px;

    }
    .big {
        width: 100px;
        height: 100px;
        background-color: purple;
        float: left;
    }
    .small {
        width: 80px;
        height: 80px;
        background-color: blue;
        float: left;
    }
    .footer {
        width: 400px;
        height: 100px;
        background-color: pink;
    }
    </style>
</head>
<body>
    <div class="father clearfix">
        <div class="big"></div>
        <div class="small"></div>
    </div>
    <div class="footer"></div>
</body>
</html>

優點 符合閉合浮動思想 結構語義化正確

缺點 由於IE6-7不支持:after，使用 zoom:1觸發 hasLayout。

注意： content:”.” 裏面盡量跟一個小點，或者其他，盡量不要為空，否則再firefox 7.0前的版本會有生成空格。

4、使用before和after雙偽元素清除浮動

使用方法 將上面的clearfix樣式替換成如下

    .clearfix:before, .clearfix:after {
        content: "";
        display: table;
    }
    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

優點 代碼更簡潔

缺點 由於IE6-7不支持:after，使用 zoom:1觸發 hasLayout。

5、總結

1、在網頁主要布局時使用:after偽元素方法並作為主要清理浮動方式.文檔結構更加清晰；
2、在小模塊如ul里推薦使用overflow:hidden;（同時留意可能產生的隱藏溢出元素問題）；

你如果願意有所作為，就必須有始有終。(9)

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

※網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

※小三通海運與一般國際貿易有何不同?

※小三通快遞通關作業有哪些?

先前在媒體上熱烈討論的電動車 Gogoro 繼續以生活品味為主打形象，這次與時裝雜誌的活動結合，試圖要把騎機車這件事事情變得更潮。Gogoro 獲邀參與 GQ 紳裝正義 2016 SUIT WALK 遊行與派對活動。

為響應 GQ 派對主題，Gogoro 也舉辦「紳士有禮」體驗，只要消費者在 Taipei 101 四樓 Gogoro 展區完成最新智慧解鎖、拍照分享後即可獲得神秘限定騎乘邀請函，現場亦可索取潮男限定試騎卷，憑卷在 3 月 14 日白色情人節到 Gogoro 信義全球體驗中心試騎，即可獲得 Gogoro 限量潮 T 一件，數量有限敬請把握！   Gogoro 執行長暨創辦人陸學森表示：「Gogoro 非常榮幸可以成為這次時尚盛會中唯一的二輪交通品牌，我們希望鼓勵無論男性女性，時時刻刻都用各式方式展現自己的風格，例如 Smartscooter® 智慧雙輪可以讓消費者更換不同設計的面板，也是希望突破機車只是交通工具的想像，讓智慧雙輪不僅可以帶你帥氣的在城市間遊走、也可以透過不同的面板造型與設計，讓車主展現你獨一無二的個人風格。」  

 
▲ 全球最時尚大叔 Nick Wooster 稱讚 Gogoro 智慧雙輪時尚外型最合紳士出遊。（Source：Gogoro）   紳裝正義活動到 2016 年已經是第三屆舉行，從 2014 年開始主辦人就串連台灣、香港、新加坡與上海等亞洲時尚重地，邀請所有的型男紳士在每年白色情人節期間，穿上最時尚、最具個人風格的西裝到街頭遊行展現紳士魅力。此次 Gogoro 除了是唯一受邀參加遊行的交通工具品牌之外，遊行後也與其他時尚品牌如 Porches、HUGO BOSS、瑞士頂級 Zenith 真力時手錶等，於 Taipei 101 四樓參與 GQ 紳裝正義派對，在現場展現如何透過科技時尚魅力、展現自我風格。  

▲ 時尚男孩小杰帶領 Gogoro 型男軍團參與 GQ 紳裝正義遊行。（Source：Gogoro）   （首圖說明：Gogoro 型男軍團參與GQ SUIT WALK 2016 於台北101時尚派對。Source：Gogoro）   （本文授權轉載自《》─〈〉）

本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

※網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

※小三通海運與一般國際貿易有何不同?

※小三通快遞通關作業有哪些?