唉，由于近期工作中對于新知識的運用相對較少，也導致小碼哥少有更新鄙人心得的機會。還望路過的×××們不要抱怨，勿噴，，，，，
本篇文章，是基于NodeJs Express框架完成的一個用于項目中圖片上傳和編輯上傳的小示例，當然，由于項目工期不禁，都是在非工作時間慢慢完成的，導致至今該圖片上傳功能也未能插入項目中真正的驗證最終效果。不過就小碼哥感覺，基本思路及基本功能算是完成了。
下面便由小碼哥來給×××們稍微講解改功能的實現過程及其中用到的一些技術等等。
首先，說說NodeJs Express框架的搭建，這個唯一的前提就是需要本地搭建nodeJs的運行環境，此處不講如何安裝nodeJs和配置環境問題，希望有興趣的同學可以去問度娘，或者直接登錄nodeJs官網https://nodejs.org/en/或者中文網http://nodejs.cn/查看里面的開發文檔，至于下載安裝過程和配置問題，我想也會有×××早就先于小碼哥以博文的形式發布了，由于對于nodeJs，小碼哥還是半吊子，就不獻丑了。
閑話少說，在×××們安裝配置好node環境后，可以在本地某盤新建一個工作文件（此處小碼哥直接在tomcat環境下的工作目錄中創建的文件，便于本地預覽）。在文件中直接按住shift鍵并鼠標單擊右鍵打開“在此處打開命令窗口”（Win7+ 操作系統有該功能)。在里面可以直接在本目錄下進行命令操作了。
前提是node環境安裝配置好并配置好npm包管理器等，可以直接在命令行鍵入npm install express -g完成express包的安裝，安裝好之后，就可以直接鍵入express -e imgUpLoad(文件名)了。完成之后你會在你的新建的文件夾里看到名字為imgUpLoad的文件夾，之后，打開imgUpLoad文件夾，在里面再次操作打開新的命令窗口，在窗口中鍵入npm install 你會發現文件中又多了個node_modules的文件，里面都是npm按照imgUpLoad文件夾下的package.json文件幫你自動安裝的可能用到的包文件。
完成上述操作后，你就可以在該Express框架下進行代碼編寫了，該框架中包含的文件如下圖：
其中作為前端人員，最重要的文件就是public文件了，里面放置的都是其自動配置好的p_w_picpaths、javascripts、stylesheets等文件，想必都知道里面該放置什么吧？
再一個就是routes文件夾了，里面有個index.js 的文件，是配置接口的代碼以及項目中引用到的各種包文件的引用方式。
最后就是views文件夾下的index.ejs文件了，這就相當于平時寫項目的時候的index.html文件了。
對了，這里補充一下配置express框架是命令里的 -e 的作用，由于express框架里對代碼有兩種后綴的形式，分別是.jade和.ejs。由于前一種小碼哥也不熟悉，其也是默認安裝的一種，所以在這里加上 -e后，可以是生成的代碼后綴直接換成ejs了。
上面的框架也搭建好了，下面就直接上代碼了：
由于代碼文件比較多，一會直接會上傳一個附件，大家可以下載下來，按照上面的環境，直接運行一下試試。由于附件過大，上傳到51cto下載中心了，有需要可以去那里下載，，，地址：http://down.51cto.com/9301862
里面用到了美圖秀秀的圖片編輯工具，大家可以直接訪問http://open.web.meitu.com/進行查看，并可以依照里面的開發文檔進行研究，此處不多贅述了哈??！
嘗試的過程中可能會遇到很多問題，不過，只要你安裝配置了node環境以及安裝配置了npm包管理器。就應該沒啥問題。
本文只是小碼哥初學node環境下第一個小示例，請大家多多包涵~
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
