9 | Book Repository
10 |
11 |
12 |
15 |
16 |
18 |
36 |
37 |
--------------------------------------------------------------------------------
/src-client/pages/home.js:
--------------------------------------------------------------------------------
1 | import { inject } from 'aurelia-framework';
2 | import { WebServices } from '../lib/web-services';
3 |
4 | /*
5 | This is a viewmodel for our simple demonstration
6 | page. This viewmodel defines properties bound to the
7 | home view and provides actions for sending and receiving
8 | book data from the server.
9 | */
10 | @inject(WebServices)
11 | export class Home {
12 |
13 | // This constructor takes a singleton instance of our
14 | // webservices object. This is injected to ensure that
15 | // we always receive the same copy of this object rather than
16 | // making a new one each time the view is rendered.
17 | constructor (webServices) {
18 | this.webServices = webServices;
19 |
20 | this.books = [];
21 | this.newTitle = '';
22 | this.newDescription = '';
23 | }
24 |
25 | // When the view is attached, we should load up our list of books from
26 | // the server
27 | async activate () {
28 | await this.loadBooks();
29 | }
30 |
31 | // This method requests books from the server and then stores
32 | // the returned list in this viewmodel's "books" property
33 | async loadBooks () {
34 | const result = await this.webServices.sendRequest('/api/books/list');
35 |
36 | this.books = result.books;
37 | }
38 |
39 | // This method sends a new book to the server to save to the
40 | // database, based on the newTitle and newDescription properties
41 | // provided by this class and bound to the textboxs in the view
42 | async addBook () {
43 | await this.webServices.sendRequest(
44 | '/api/books/save',
45 | { _id : this.newTitle, description : this.newDescription }
46 | );
47 | await this.loadBooks();
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src-server/server.js:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import bodyParser from 'body-parser';
3 | import path from 'path';
4 | import requireDir from 'require-dir';
5 | import mongoose from 'mongoose';
6 |
7 | // Create a basic express application
8 | const app = express();
9 |
10 | // Set express up to automatically parse incoming JSON requests
11 | // into the request object
12 | app.use(bodyParser.json());
13 |
14 | // Set up static content paths
15 | app.use('/jspm_packages', express.static(`${__dirname}/../jspm_packages`));
16 | app.use('/dist-client', express.static(`${__dirname}/../dist-client`));
17 | app.use('/assets', express.static(`${__dirname}/../assets`));
18 |
19 | // Any request without a path should render index.html
20 | app.get('/', (req, res) => {
21 | res.sendFile(path.resolve(`${__dirname}/../index.html`));
22 | });
23 |
24 | // Any request to /config.js should render the root config.js
25 | app.get('/config.js', (req, res) => {
26 | res.sendFile(path.resolve(`${__dirname}/../config.js`));
27 | });
28 |
29 | // Store the app globally for convenience
30 | global.app = app;
31 |
32 | // Include and run all files in the ./services folder
33 | requireDir('services');
34 |
35 | // Connect to the database server
36 | mongoose.connect('mongodb://localhost:27017/bookcollection');
37 |
38 | // If there's an error connecting to the database,
39 | // log the error and quit
40 | mongoose.connection.on('error', err => {
41 | console.error(`ERROR CONNECTING TO MONGO: ${err}`);
42 | process.exit(0);
43 | });
44 |
45 | // Once we have successfully connected...
46 | mongoose.connection.on('connected', () => {
47 | console.log(`Connected to mongo, starting webserver`);
48 | let server = null;
49 |
50 | // Start the web server
51 | server = app.listen(3000, () => {
52 | const host = server.address().address;
53 | const port = server.address().port;
54 |
55 | console.log(`Server listening at http://${host}:${port}`);
56 | });
57 | });
58 |
--------------------------------------------------------------------------------
/src-server/services/books.js:
--------------------------------------------------------------------------------
1 | import Book from './models/books.js';
2 | import express from 'express';
3 |
4 | // Define a new subroute for requests that
5 | // start with /api/books
6 | const router = express.Router();
7 |
8 | global.app.use('/api/books', router);
9 |
10 |
11 | // Handle /api/books/list by querying the database
12 | // for all books and returning all records from the
13 | // server and an error (if there was one) to the client
14 | router.post('/list', (req, res) => {
15 | Book.find((err, books) => {
16 | res.send({ books, err });
17 | });
18 | });
19 |
20 | // Handle /api/books/save by creating a new book
21 | // from the posted body JSON: { _id: 'XXX', description: 'YYY' }
22 | // saving it to the database, and then return any error that
23 | // occurred to the user
24 | router.post('/save', (req, res) => {
25 | const book = new Book();
26 |
27 | book._id = req.body._id;
28 | book.description = req.body.description;
29 |
30 | book.save(err => {
31 | res.send({ err });
32 | });
33 | });
34 |
--------------------------------------------------------------------------------
/src-server/services/models/books.js:
--------------------------------------------------------------------------------
1 | import mongoose from 'mongoose';
2 |
3 | // Define a schema that describes what a book
4 | // looks like in the database
5 | const BookSchema = new mongoose.Schema({
6 | _id : String,
7 | description : String
8 | });
9 |
10 | // Create a Book class from the schema and make it
11 | // available to anyone importing this file
12 | module.exports = mongoose.model('Book', BookSchema);
13 |
--------------------------------------------------------------------------------