SlideShare ist ein Scribd-Unternehmen logo
1 von 38
linux, vim, jinja2, nieml, niejs, svn, etc...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
Linux
LINUX
• ls                      (list)        ls project

• cd    xx     (change directory)          cd project

• mv                        (move)           mv a.txt c.txt

• cp         (copy)    cp a.txt b.txt

• vim                    vim a.txt                   windows
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
VIM
---         dreamweaver   ...
VIM                                        1
•


•                                            (esc            i,o,a         )

•   c/v                              y(yank) p(paste)

•            ^             $

•                H,J,K,L

•            /,n,N

•                               :s/xxx/aaa              :s/xxx/aaa/g        :%s/xxx/aaa

•   undo     u    redo ctrl+r

•   till t

•                     gg                       G        ctrl + f       ctrl + b
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
JINJA2
http://jinja.pocoo.org/2/documentation/templates
JINJA2 -
•               {%

    •   {% for %} - {% endfor %}

    •   navigation

•          {{

•          {#
JINJA2 -                 -1
•      {%extend “base.html” %}




                                 home.html




    base.html
                                 message.html
JINJA2 -                -2
• {{   super() }}   block




                             base.html




                            derived.html
JINJA2 -             -3

•    include




    sample
                    sample2
JINJA2 -      -4
•   macro      html




    after render
JINJA2 -        -5
• import   a macro



                       macros.html



                       sample.html
JINJA2 -
•


    •   {% for a in aList %} {{ a }} {% endfor %}

    •   {% if a %} {{ a }} {% endif %}

•   filters

    •   escape : {{ diary_content | escape }} or {{ diary_content | e }}

    •   more filters: http://jinja.pocoo.org/2/documentation/templates#builtin-
        filters
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
-
                          base.html


            user.html                     group_base.html



home.html

     diary_base                              group page
        .html                               template files
              photo_base
                 .html
                        etc ...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
APP/     -1
  html




         app html
APP/                                                   -2
app             sandbox

                  1     app html
                  2   app
                                       4




request                                    3
                                               get app content
   1
                            request
            5
                                   2

                                                    app
APP/                                          -3
             app sandbox
•   app              html                          utf-8

•   app html                   html           id    css

•   app html
    script        html

•   app      js          dom
             dom                      nieJS
APP/                                -4
html          http://123.125.48.32:8899/NIEML
APP/                                                  -5
        app html css

•   app html     id                                 id test tag id
    app12_test        12 appid

•                link                css    app          css         <nie:css
    >                   <nie:css src=”xx.css”/>

•         app css                   css       app
        #app_content_[appid] app                           id
    app_content_[appid] div
APP/            -6
           app html css
•   html     tag

•   css       expression

•           html tag css
APP/                                                              -7
nieJS
•           js             <nie:script>

•                 nieJS

•   nieJS                                         js
    document.getElementById(id)

•                                                                  value                    var a =
    obj.value; / obj.value = “aaa”        nieJS        var a = obj.getValue(); / obj.setValue(“aaa”)

•                                                          document.cookie

•                 http://123.125.48.32:8899/NIEJS
APP/        -7
    app js

•   nieJS

•   nieJS
             js
    nieJS
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
SVN
SVN                           -1
•   svn co <addr>                 checkout

•   svn up

•   svn st

•   svn add <file>

•   svn del <file>

•   svn mv src_file desc_file

•   svn diff

•   svn ci <file>              /
SVN                                                                                  -2
           svn st
•   A added

•   C conflict

•   D   deleted

•   M modified

•   R   replace

•        not under version control

•        under version control but missing

•   ~   The file, directory, or symbolic link item is in the repository as one kind of object, but what's actually in your
    working copy is some other kind
SVN                                                                 -3
             svn up
•   U   The files marked with U contained no local changes but were Updated with changes from the
    repository.

•   G   The G stands for merGed, which means that the file had local changes to begin with, but the
    changes coming from the repository didn't overlap with the local changes.

•   C Confict

•        U    G                                        C        up                        C          ~~
SVN                                       -4
    C        conflict                       ...

•                  C              a.html

•   vim            >>>     ===

•


•


•     svn resolved a.html         svn

•         svn st         a.html                  c
SVN                                                                 -5

•              svn co checkout

•


•                            svn st
    svn add

•        svn up                       conflict

•        svn st                                                  c conflict

•        svn diff > t.diff                      t.diff         vim t.diff



•   svn ci                                               log                 log
SVN    -6
vim t.diff
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
Q&A
- END -

Weitere ähnliche Inhalte

Ähnlich wie 平台开发须知

Cocoapods in action
Cocoapods in actionCocoapods in action
Cocoapods in actionHan Qin
 
Magento 2 Workflows
Magento 2 WorkflowsMagento 2 Workflows
Magento 2 WorkflowsRyan Street
 
Django dev-env-my-way
Django dev-env-my-wayDjango dev-env-my-way
Django dev-env-my-wayRobert Lujo
 
Cypher Editor in the Web
Cypher Editor in the WebCypher Editor in the Web
Cypher Editor in the WebopenCypher
 
A Framework Driven Development
A Framework Driven DevelopmentA Framework Driven Development
A Framework Driven Development정민 안
 
goaを使った開発TIPS@六本木一丁目
goaを使った開発TIPS@六本木一丁目goaを使った開発TIPS@六本木一丁目
goaを使った開発TIPS@六本木一丁目jumpei chikamori
 
DevQuiz 2011 の模範解答 Android編
DevQuiz 2011 の模範解答 Android編DevQuiz 2011 の模範解答 Android編
DevQuiz 2011 の模範解答 Android編Makoto Yamazaki
 
Android OpenGL ES Game ImageGrabber Final Report
Android OpenGL ES Game ImageGrabber Final ReportAndroid OpenGL ES Game ImageGrabber Final Report
Android OpenGL ES Game ImageGrabber Final ReportJungsoo Nam
 
Docker在豆瓣的实践 刘天伟-20160709
Docker在豆瓣的实践 刘天伟-20160709Docker在豆瓣的实践 刘天伟-20160709
Docker在豆瓣的实践 刘天伟-20160709Tianwei Liu
 
Rapid development with Rails
Rapid development with RailsRapid development with Rails
Rapid development with RailsYi-Ting Cheng
 
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit,
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit, Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit,
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit, Farshid Pirahansiah
 
GIT, RVM, FIRST HEROKU APP
GIT, RVM, FIRST HEROKU APPGIT, RVM, FIRST HEROKU APP
GIT, RVM, FIRST HEROKU APPPavel Tyk
 

Ähnlich wie 平台开发须知 (20)

Git
GitGit
Git
 
Cocoapods in action
Cocoapods in actionCocoapods in action
Cocoapods in action
 
Magento 2 Workflows
Magento 2 WorkflowsMagento 2 Workflows
Magento 2 Workflows
 
React inter3
React inter3React inter3
React inter3
 
Snakes on a Treadmill
Snakes on a TreadmillSnakes on a Treadmill
Snakes on a Treadmill
 
React nativebeginner1
React nativebeginner1React nativebeginner1
React nativebeginner1
 
Django dev-env-my-way
Django dev-env-my-wayDjango dev-env-my-way
Django dev-env-my-way
 
Cypher Editor in the Web
Cypher Editor in the WebCypher Editor in the Web
Cypher Editor in the Web
 
A Framework Driven Development
A Framework Driven DevelopmentA Framework Driven Development
A Framework Driven Development
 
goaを使った開発TIPS@六本木一丁目
goaを使った開発TIPS@六本木一丁目goaを使った開発TIPS@六本木一丁目
goaを使った開発TIPS@六本木一丁目
 
DevQuiz 2011 の模範解答 Android編
DevQuiz 2011 の模範解答 Android編DevQuiz 2011 の模範解答 Android編
DevQuiz 2011 の模範解答 Android編
 
git and github
git and githubgit and github
git and github
 
Build Time Analyzer
Build Time AnalyzerBuild Time Analyzer
Build Time Analyzer
 
Angular2 inter3
Angular2 inter3Angular2 inter3
Angular2 inter3
 
Android OpenGL ES Game ImageGrabber Final Report
Android OpenGL ES Game ImageGrabber Final ReportAndroid OpenGL ES Game ImageGrabber Final Report
Android OpenGL ES Game ImageGrabber Final Report
 
はじめてのSymfony2
はじめてのSymfony2はじめてのSymfony2
はじめてのSymfony2
 
Docker在豆瓣的实践 刘天伟-20160709
Docker在豆瓣的实践 刘天伟-20160709Docker在豆瓣的实践 刘天伟-20160709
Docker在豆瓣的实践 刘天伟-20160709
 
Rapid development with Rails
Rapid development with RailsRapid development with Rails
Rapid development with Rails
 
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit,
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit, Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit,
Install, Compile, Setup, Setting OpenCV 3.2, Visual C++ 2015, Win 64bit,
 
GIT, RVM, FIRST HEROKU APP
GIT, RVM, FIRST HEROKU APPGIT, RVM, FIRST HEROKU APP
GIT, RVM, FIRST HEROKU APP
 

Kürzlich hochgeladen

Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxShubham Rawat
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ EscortsDelhi Escorts Service
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilabledollysharma2066
 
西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做j5bzwet6
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)oannq
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxJackieSparrow3
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证kbdhl05e
 

Kürzlich hochgeladen (9)

Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
 
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptx
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
 
西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptx
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证
 

平台开发须知

  • 1. linux, vim, jinja2, nieml, niejs, svn, etc...
  • 2. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 4. LINUX • ls (list) ls project • cd xx (change directory) cd project • mv (move) mv a.txt c.txt • cp (copy) cp a.txt b.txt • vim vim a.txt windows
  • 5. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 6. VIM --- dreamweaver ...
  • 7. VIM 1 • • (esc i,o,a ) • c/v y(yank) p(paste) • ^ $ • H,J,K,L • /,n,N • :s/xxx/aaa :s/xxx/aaa/g :%s/xxx/aaa • undo u redo ctrl+r • till t • gg G ctrl + f ctrl + b
  • 8.
  • 9. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 11. JINJA2 - • {% • {% for %} - {% endfor %} • navigation • {{ • {#
  • 12. JINJA2 - -1 • {%extend “base.html” %} home.html base.html message.html
  • 13. JINJA2 - -2 • {{ super() }} block base.html derived.html
  • 14. JINJA2 - -3 • include sample sample2
  • 15. JINJA2 - -4 • macro html after render
  • 16. JINJA2 - -5 • import a macro macros.html sample.html
  • 17. JINJA2 - • • {% for a in aList %} {{ a }} {% endfor %} • {% if a %} {{ a }} {% endif %} • filters • escape : {{ diary_content | escape }} or {{ diary_content | e }} • more filters: http://jinja.pocoo.org/2/documentation/templates#builtin- filters
  • 18. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 19. - base.html user.html group_base.html home.html diary_base group page .html template files photo_base .html etc ...
  • 20. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 21. APP/ -1 html app html
  • 22. APP/ -2 app sandbox 1 app html 2 app 4 request 3 get app content 1 request 5 2 app
  • 23. APP/ -3 app sandbox • app html utf-8 • app html html id css • app html script html • app js dom dom nieJS
  • 24. APP/ -4 html http://123.125.48.32:8899/NIEML
  • 25. APP/ -5 app html css • app html id id test tag id app12_test 12 appid • link css app css <nie:css > <nie:css src=”xx.css”/> • app css css app #app_content_[appid] app id app_content_[appid] div
  • 26. APP/ -6 app html css • html tag • css expression • html tag css
  • 27. APP/ -7 nieJS • js <nie:script> • nieJS • nieJS js document.getElementById(id) • value var a = obj.value; / obj.value = “aaa” nieJS var a = obj.getValue(); / obj.setValue(“aaa”) • document.cookie • http://123.125.48.32:8899/NIEJS
  • 28. APP/ -7 app js • nieJS • nieJS js nieJS
  • 29. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
  • 30. SVN
  • 31. SVN -1 • svn co <addr> checkout • svn up • svn st • svn add <file> • svn del <file> • svn mv src_file desc_file • svn diff • svn ci <file> /
  • 32. SVN -2 svn st • A added • C conflict • D deleted • M modified • R replace • not under version control • under version control but missing • ~ The file, directory, or symbolic link item is in the repository as one kind of object, but what's actually in your working copy is some other kind
  • 33. SVN -3 svn up • U The files marked with U contained no local changes but were Updated with changes from the repository. • G The G stands for merGed, which means that the file had local changes to begin with, but the changes coming from the repository didn't overlap with the local changes. • C Confict • U G C up C ~~
  • 34. SVN -4 C conflict ... • C a.html • vim >>> === • • • svn resolved a.html svn • svn st a.html c
  • 35. SVN -5 • svn co checkout • • svn st svn add • svn up conflict • svn st c conflict • svn diff > t.diff t.diff vim t.diff • svn ci log log
  • 36. SVN -6 vim t.diff
  • 37. AGENDA • linux • vim • (jinja2) • • app/ html js • svn

Hinweis der Redaktion