01 - myProject #1

2056 ワード

-リリースの概要


創作動機//
私は最初から会社が担当している業務と関係があり、
私だけでなく、この分野に興味のある人は
役に立つかもしれないサイトを作りたいです.
内容//
様々なデレクスト語(ロバース、オリバー英など)で
進行中のアクティビティを集約できるページを作成します.
目次//
1-プロジェクト概要
2-Webページ機能
3-必要なデータと技術
4-レイアウト構成

1-プロジェクト概要


1-1プロジェクト名
-セモイ[世界中の活動]
1-2の意味
-世界中のイベントを集めた場所

2-Webページ機能


2-1機能
-デレクストール活動集
-イベント期間ごとにソート
(ほとんどは日付別に公開されていますが、他のタスクはないかもしれません...)
-終了日が3日未満の活動の個別集合
-アクティビティをクリックすると展開され、アクティビティの内容が表示されます.
-デレクスト語に基づいてコメントを作成し、開くことと閉じることができます.

3-必要なデータと技術


3-0レイアウト

3-1フロントエンド
- 많은 이벤트를 한 눈에 확인할 수 있는 레이아웃이 중요할것이다,
  드럭스토어별로 영역을 지정하고 그 안에 이벤트 슬라이드를 제작하여 많은 정보를 담아내려고한다.
  
- 이벤트가 들어갈 프레임 제작
  (이미지, 제목, 내용, 행사기간)
  

- 로고 제작 (세모 동그라미 네모)
3-2バックエンド
mongodbを作成して
  • コメント
  • を保存
  • ストアのEventPage URLドキュメント情報を$に設定します.ajax"GET"による
  • のインポート
  • からインポートされた情報からeventPageの各画像、タイトル、コンテンツ、および期間を抽出し、eventPage storename(OliveYoung、lobsなど)を作成する
    ['img':img]['title':title]
    ['desc':desc]['terms':terms]
    正式に装う.
  • for文で各eventPage storenameを繰り返し出力
  • 出力値
    function makeEventList(img,title,desc,terms){
    let tmpHtml =
    `
    ${title}
    ${desc}
    ${terms}
    `
    $('#eventFrame').append(tmpHtml)
    }
  • -終了直前のハイライト表示をどのようにして実現しますか?
    韓国時間の一日と比べて
    3以下の場合アクティブカードにborderを作成しますか?
    -各ショップのコメント機能は...

    -クリック時にアクティブなページを表示する機能は..。


    ------イベントカードを作成するための大まかな構文------

    使用する関数とクラス名の事前決定


    Html
    class
    ヘッダー->ロゴの上部領域
    イベントslide->イベントカードをスクロールする領域
    イベントフレーム
    イベントイメージに入る
    イベントタイトル
    イベントdescに進む->イベントの説明
    「evenet terms」->アクティブ期間へ
    JS
    makeEventList->イベントカードを生成する関数
    Python
    フラスコの起動->サーバ...?
    render template->htmlのロードに使用される...?
    @app.route('/')->htmlのロード
    関数のような感じがします
    mongodb->コメントデータの保持