2019年12月9日 星期一

Views

[開發問題] C# 正則表達式的用法

1.何謂正則表達式
  http://www1.nttu.edu.tw/klou/course/921/js/09-regular.htm

2. 程式碼練習
 
using System;

     using System.Text.RegularExpressions;     

     public class Program

    {
       public static void Main()

      {

         string input = "%abqw-_1";
         string pattern = @"^[a-z0-9-_%]*$";(表示開頭(^)到結尾($)可以是比對到多次的a-z或0-9或一槓(-)或底線(_)
         或百分比(%))

          foreach (Match match in Regex.Matches(input, pattern))

           Console.WriteLine(match.Value);  

       }

    }

3. 練習教程
  https://www.runoob.com/csharp/csharp-regular-expressions.html

2019年11月9日 星期六

Views

GridView 和 Repeter 的範本

一、整理兩個的aspx檔

(1).   GridView

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="自己的檔名.aspx.cs" 
    Inherits="自己的類別" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
    <title>Template</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
        <Columns>
          <asp:BoundField DataField="BID" HeaderText="BID"/>            
          <asp:TemplateField HeaderText="Button">
            <ItemStyle Width="50%"/>
                <ItemTemplate>           
              <asp:Button id="btn" runat="server" Text="test" OnCommand="btn_OnClick" 
                   CommandArgument='<%# Eval("BID")%>' Enabled='<%# Eval("Record").ToString()=="Y"? 
                   false:true %>'/>
         </ItemTemplate>
         </asp:TemplateField>
         </Columns>
 </asp:GridView>
        </div>
    </form>
</body>
</html>

(1).   Repeter

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="自己的檔案.cs"Inherits="自己的類別" %>

<!DOCTYPE html>
<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
     <title></title> 
</head> 
<body> 
  <form id="form1" runat="server"> 
  <div> 
     <asp:Repeater ID="Repeater1" runat="server" > 
        <HeaderTemplate> 
           <table border="1" cellpadding="0" cellspacing="0" 
               style="width:1006px;border-collapse:collapse; text-align:center;"> 
              <tr> 
                <th style="background-color:red">ID</th> 
                <th style="background-color:red">內容</th> 
              </tr> 
       </HeaderTemplate> 
       <ItemTemplate> 
              <tr> 
               <td><asp:Label ID="lblId" runat="server" 
                    Text='<%# Eval("id") %>' ></asp:Label></td> 
               <td><%# Eval("name") %></td> 
              </tr> 
      </ItemTemplate> 
      <FooterTemplate> 
         </table> 
      </FooterTemplate> 
    </asp:Repeater> 
  </div> 
  </form> 
</body> 
</html> 

 以上整理,是供平常練習的快速樣本!

(3). CodeBehide 資料來源的寫法,以GridView舉例

        
//將後端的DataTable丟到前端,記得dt要先add,然後用迴圈塞資料,GridView才能顯示
        DataTable dt =new DataTable();
        (this.可加可不加)GridView1.DataSource =dt;
        (this.可加可不加)GridView1.DataBind();
 
     最後謝謝這篇大大的分享,讓我學習到怎麼在網誌中將程式碼插入網誌中!

2019年11月2日 星期六

Views

sublime text3

目前家用主題

https://www.jianshu.com/p/aa74d6373be7
(此網頁主題,簡潔好用不傷眼)


常用快捷鍵,很重要!工欲善其身,必先利其器

1.Ctrl+Shift+L 先選中多行(Ctrl+A),再按下快捷键,會在每行行尾插入光標,即可同时编辑這些行。

2.sublime text多行光标批量快捷操作。
   Ctrl+ALT+↓(可以用在每行開頭)

   
3.Ctrl+F 按下右下角的FindAll,可以有多行修改提換效果。





4.Ctrl+Enter 在下一行插入新行。即使光標不在行尾,也能快速向下插入一行。

5.Ctrl+Shift+Enter 在上一行插入新行。即使光標不在行首,也能快速向上插入一行。

6.在每行將滑鼠焦點移到開頭home/結尾end,此檔案的開頭pgup/結尾pgdn。

2019年10月30日 星期三

Views

[Html5] Table

[Table]跨欄跨列語法

題目
考科 國文
英文
數學

要設計出以上table的語法為以下:

   <table border="1"><tbody>          border:表示邊框粗細
  <tr>
      <th colspan="2">題目</th>       colspan="2"  橫跨兩個欄位
  </tr>

  <tr>
      <th rowspan="3">考科</th>     rowspan="3" 橫跨三列 其中tr表示每列,但是
      <td>國文</td> (1)                     第一個td表示第一列
  </tr>

  <tr>
      <td>英文</td> (2)
  </tr>

  <tr>
      <td>數學</td> (3)
  </tr>
</tbody>
</table>

Name Expense
Trista 10
Tina 20
Sum:30
要設計出以上table的語法為以下:
<table border="1" style="border-style:solid;text-align:center">
<tbody>
<tr>
   <th>Name</th>
   <th>Expense</th>
</tr>
<tr>
   <td>Trista</td>
   <td>10</td>
</tr>
<tr>
   <td>Tina</td>
   <td>20</td> 
</tr>
<tr>
   <td colspan="2">Sum:30</td>
</tr>
</tbody>
</table>



 要設計出以上table的語法為以下:
<table border="1" style="border-style:dashed"><tbody>
<tr>
    <th colspan="4">個人基本資料</th>
</tr>
<tr>
    <th>姓名</th><td>Trista</td><th>Gender</th><td>Girl</td>
</tr>
<tr>
    <th rowspan="3">家庭狀況 </th><td>稱謂</td><td>姓名</td><td>性別</td>
</tr>
<tr>
    <td>爸</td><td>王大明</td><td>男</td>
</tr>
<tr>
    <td>媽</td><td>劉小花</td><td>女</td>
</tr>
<tr>
    <th colspan="4">備註:</th>
</tr>
<tr>
    <td colspan="4" >                                               在備註欄位想要塞兩列兩行,方法就是在
    <table border="1" width="100%"><tbody>       塞個table進去,想要控制它的寬度,如橘
                                                                                 色標註所示
    <tr><th width="70%">興趣</th><td width="30%">打球</td></tr>

    <tr><th>專長</th><td>英文</td></tr>
    </tbody>
    </table>
    </td>
</tr>
</tbody>
</table>

身高體重
150目前無資料

要設計出以上table為以下語法:

<table width="50%" border="1" style="text-align:center;">
<tr>
      <th>身高</th><th>體重</th>

</tr>
<tr>
      <td >150</td><td style="letter-spacing: 20px;">目前無資料</td>

</tr>                                  其中style="letter-spacing: 20px;"表示字與字的間距為20px

</table>


2019年9月22日 星期日

Views

[上課筆記]開發.Net Core環境建置

因應開發趨勢的關係,選擇VS Code開發.Net Core是比較明智的選擇,未來跨平台應該會是一個大方向。

VS Code 環境建置

(1)開發工具,關鍵字打 VS Code download 就可以到以下畫面,基本上在家裡練習開發,

     所以我選擇User Installer,代表現在windown使用者登入,若是System Installer 軟體會灌

     在Program Files裡面,可以提高到管理者的權限。

   

(2)開發平台,關鍵字打dotnet core download,就可以看到.Net Core 2.2是目前穩定版,點進去下載。

    其中會有Runtime2.2.7(.Net Core 像是開發主控台、WPF用到,那ASP.NET Core主要是開發
 
    Web應用程式用),另外SDK 2.2.402 .Net Core Installer(外掛程式,給不能用VS開發的.Net程

    式的人用)也需要下載。

 

   
    所以總total來說,會有4 (vs code、.Net Core Installer、ASP.NET Core Installer、.Net Core Installer)個應用程式需要下載,
    安裝順序上沒有差別。