0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Excel と Azure SQL を使って、業務システムを作成する。(Tips2)

Last updated at Posted at 2019-10-13

アカウントの取得画面を作成する

Excel、Access、Azure SQL を使って、クラウドにデータを置いて共有データベースシステムを作成する。

なんだか、もっともらしいこと言ってるけど、どんな手順で開発を進めていくか?
image.png

まずは、ユーザー登録用の「アカウント取得画面」を作成する。

(1) 入力項目は、できる限り少なく、メールアドレス、パスワード、ニックネームの3項目にする。
(2) Webサーバーは、Azure App Service を利用する
(3) Webページの CSSフレームワークは、Bootstrap を使ってスマホ対応にする。
(4) Visual Studio Web Form(VB)で Azure SQL と接続してWebページを作成する。

アカウント取得画面

image.png

アカウント登録画面 (ganso.azurewebsites.net/members/account)

account.aspx
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
  <asp:MultiView ID="MV" runat="server" ActiveViewIndex="0">
    <asp:View ID="V1" runat="server">
    <div class="form-horizontal">
       <h3>アカウント登録</h3>
       <hr />
       <div class="form-group">
         <asp:Label class="col-sm-2" ID="Label2" runat="server" Text="メールアドレス"></asp:Label>
         <asp:TextBox class="col-sm-8 form-control" ID="TxtMail" runat="server" placeholder="exsample@email.com"></asp:TextBox>
       </div>

       <div class="form-group">
         <asp:Label class="col-sm-2" ID="Label1" runat="server" Text="ニックネーム"></asp:Label>
         <asp:TextBox class="col-sm-8 form-control" ID="TxtName" runat="server" placeholder="ニックネーム"></asp:TextBox>
       </div>

       <div class="form-group">
         <asp:LinkButton class="col-md-2 btn  btn-link" ID="BtnCancel" runat="server" PostBackUrl="../Default.aspx">キャンセル</asp:LinkButton>
         <asp:Button class="btn btn-lg btn-primary btn-block" ID="BtnAccount" runat="server" Text="登録する" />
       </div>
    </div>
    </asp:View>
  </asp:MultiView>
</asp:Content>

まだ、画面を作っただけで、動作しません。

このあとは、次の手順ですすめます。
(1) 登録したメールアドレスに、仮パスワードを送信
(2) ログイン画面の作成
(3) ログイン画面の認証処理

いろいろな開発手法があるのですが、下記の点を考慮して作成しています。

  • シンプルナコード
  • VBA と類似したコード
  • スマホに対応する

開発環境と実行環境

開発は、できる限り無料環境で行う。
Azure SQL データベースは、有料(500円/1ヶ月)になる。

私の開発環境

  • Windows 10
  • Excel 2016
  • Access 2016
  • Windows Edge / Chrome などのプラウザ
  • Visual Studio 2017
  • Azure の利用契約

普段は、Access Excel の VBA ばかり記述しているので、Webアプリ言語は苦手です。
Visual Studio なら VB が使えるので、普段と同じような記述ができる。
そう思って、このような環境を選択しました。

実行に必要な環境

  • Windows 10
  • Excel 2007 ~ 2019 のいづれかのバージョン
  • Access 2007 ~ 2019 のどれかのバージョン(無料ランタイム版でも可)
  • Windows Edge / Chrome などのプラウザ(アカウント登録用)

開発の順番

1.アカウントの取得画面
2.Access による汎用データベース
3.Excelでの柔軟な利用方法の提案

関連投稿(Excel と Azure SQL を使って、業務システムを作成する)

(1) 開発宣言
(2) アカウントの取得画面を作成する

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?