[MEAN_STACK] miniERP - Development Log 1 - Basic Structure

之前嚐試用 mean.js 來搭建想要做的 miniERP

但 mean.js 本身有點複雜，需要花一些時間去了解

不過使用 MEAN stack 來開發，也不一定要用 mean.js or mean.io

自己搭建也是可以

MEAN 代表的是 : MongoDB、Express、Angular、NodeJs

各自安裝的方式網路上都有許多資料可查，這邊就不贅述

主要就是透過 npm、bower來管理前後端套件

[MEANJS] MEAN.JS 安裝

在網路上找一些資料時，發現了 MEAN.JS 這個 open-source full-stack 的開發框架

MEAN 代表的就是 MongoDB、Express、AngularJs、NodeJs

決定安裝來試看看

環境是在 MAC上，OSX 10.9


首先就是安裝環境，可以參考官方網站的教學

過程中遇到一個問題是，準備要用 grunt 跑起範例程式的時候

會出現以下 warning

[JUCE] Image Viewer Development Log 6 - Add File Tree View

這次要為 Image Viewer 增加一個 File Tree View

想要的功能有以下

(1) 可以用 View 工具列去決定是否顯示 File Tree View

(2) 會隨著 File Open 這個功能去改變當下的 File Tree

(3) 可以調整 File Tree View 和 Image 的相對大小

以下是重點部份的講解

[JUCE] Music Player Development Log 1

這次要用 JUCE 來寫一個音樂撥放器

JUCE 本身就有提供相關 audio library，本程式也是 based on JUCE 提供的 tutorial

程式碼放在這

以下說明一些關鍵部分

1. 首先來看 MainComponent.h

   這邊繼承了 AudioAppComponent、ChangeListener、Button:Listener以及Timer 四個class

[JUCE] Basic File Structure of JUCE Project

每次開發 JUCE 的程式，雖然用 Projucer 可以省去一些功夫

但預設出來的 file structure 並不是都能符合需求

像之前開發 ImageViewer 的時候，為了加入 ManuBar 的功能

整個 file structure 必須整個重建

所以這次來建造一個基礎的 file structure

之後的 JUCE project，都會採用這個 file structure

所以在這邊記錄一下過程

[JUCE] Image Viewer Development Log 5 - Support Chinese

之前的程式，如果遇到中文或是日文等 Sans-Serif font 都會呈現亂碼

這次要解決這個問題

1. 先來看看原本會出現的現象

2. 首先解決 FileChooser 顯示 Sans-Serif font

   其實並不困難，只要在 MainContentComponent 的 constructor 加一行 code 就可以了

[JUCE] Image Viewer Development Log 4 - Keep Same File Path

第一次要用 FileChooser 來指定圖檔的時候

會從當下的工作目錄開始

而開啟第一張圖檔之後，要繼續開其它圖檔時，還是都得從當下的工作目錄開始找起

這在使用上不是很方便

所以這邊會改成

(1) 第一次開啟: 從當下的工作目錄開始

(2) 非第一次開啟: 從上一次的目錄開始

以下是講解