1

README.md

@@ -1,2 +1,2 @@
-# git
+»·¾³ python3.9 flask
 

src/.idea/.gitignore

@@ -0,0 +1,3 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml

src/.idea/.name

@@ -0,0 +1 @@
+app.py

src/.idea/dbDesign.iml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="Flask">
+    <option name="enabled" value="true" />
+  </component>
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="jdk" jdkName="Python 3.9" jdkType="Python SDK" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="TemplatesService">
+    <option name="TEMPLATE_CONFIGURATION" value="Jinja2" />
+    <option name="TEMPLATE_FOLDERS">
+      <list>
+        <option value="$MODULE_DIR$/templates" />
+      </list>
+    </option>
+  </component>
+</module>

src/.idea/dbnavigator.xml

@@ -0,0 +1,553 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DBNavigator.Project.DataEditorManager">
+    <record-view-column-sorting-type value="BY_INDEX" />
+    <value-preview-text-wrapping value="false" />
+    <value-preview-pinned value="false" />
+  </component>
+  <component name="DBNavigator.Project.DataExportManager">
+    <export-instructions>
+      <create-header value="true" />
+      <friendly-headers value="false" />
+      <quote-values-containing-separator value="true" />
+      <quote-all-values value="false" />
+      <value-separator value="" />
+      <file-name value="" />
+      <file-location value="" />
+      <scope value="GLOBAL" />
+      <destination value="FILE" />
+      <format value="EXCEL" />
+      <charset value="GBK" />
+      <charset value="GBK" />
+    </export-instructions>
+  </component>
+  <component name="DBNavigator.Project.DatabaseBrowserManager">
+    <autoscroll-to-editor value="false" />
+    <autoscroll-from-editor value="true" />
+    <show-object-properties value="true" />
+    <loaded-nodes />
+  </component>
+  <component name="DBNavigator.Project.DatabaseConsoleManager">
+    <connection id="e78d3b5f-dcdc-4b9d-b8c0-1ffb3f1a3a5d">
+      <console name="appDB" type="STANDARD" schema="" session="Main" />
+      <console name="Connection" type="STANDARD" schema="" session="Main" />
+    </connection>
+  </component>
+  <component name="DBNavigator.Project.DatabaseFileManager">
+    <open-files />
+  </component>
+  <component name="DBNavigator.Project.DatabaseSessionManager">
+    <connection id="e78d3b5f-dcdc-4b9d-b8c0-1ffb3f1a3a5d" />
+  </component>
+  <component name="DBNavigator.Project.EditorStateManager">
+    <last-used-providers />
+  </component>
+  <component name="DBNavigator.Project.ExecutionManager">
+    <retain-sticky-names value="false" />
+  </component>
+  <component name="DBNavigator.Project.MethodExecutionManager">
+    <method-browser />
+    <execution-history>
+      <group-entries value="true" />
+      <execution-inputs />
+    </execution-history>
+    <argument-values-cache />
+  </component>
+  <component name="DBNavigator.Project.ObjectDependencyManager">
+    <last-used-dependency-type value="INCOMING" />
+  </component>
+  <component name="DBNavigator.Project.ObjectQuickFilterManager">
+    <last-used-operator value="EQUAL" />
+    <filters />
+  </component>
+  <component name="DBNavigator.Project.ParserDiagnosticsManager">
+    <diagnostics-history />
+  </component>
+  <component name="DBNavigator.Project.ScriptExecutionManager" clear-outputs="true">
+    <recently-used-interfaces />
+  </component>
+  <component name="DBNavigator.Project.Settings">
+    <connections>
+      <connection id="e78d3b5f-dcdc-4b9d-b8c0-1ffb3f1a3a5d" active="true" signed="true">
+        <database>
+          <name value="appDB" />
+          <description value="" />
+          <database-type value="MYSQL" />
+          <config-type value="BASIC" />
+          <database-version value="9999.0" />
+          <driver-source value="BUILTIN" />
+          <driver-library value="" />
+          <driver value="" />
+          <url-type value="DATABASE" />
+          <host value="localhost" />
+          <port value="3306" />
+          <database value="mysql" />
+          <type value="USER_PASSWORD" />
+          <user value="appDB" />
+          <deprecated-pwd value="" />
+        </database>
+        <properties>
+          <auto-commit value="false" />
+        </properties>
+        <ssh-settings>
+          <active value="false" />
+          <proxy-host value="" />
+          <proxy-port value="22" />
+          <proxy-user value="" />
+          <deprecated-proxy-pwd value="" />
+          <auth-type value="PASSWORD" />
+          <key-file value="" />
+          <key-passphrase value="" />
+        </ssh-settings>
+        <ssl-settings>
+          <active value="false" />
+          <certificate-authority-file value="" />
+          <client-certificate-file value="" />
+          <client-key-file value="" />
+        </ssl-settings>
+        <details>
+          <charset value="UTF-8" />
+          <session-management value="true" />
+          <ddl-file-binding value="true" />
+          <database-logging value="true" />
+          <connect-automatically value="true" />
+          <restore-workspace value="true" />
+          <restore-workspace-deep value="false" />
+          <environment-type value="default" />
+          <connectivity-timeout value="10" />
+          <idle-time-to-disconnect value="30" />
+          <idle-time-to-disconnect-pool value="5" />
+          <credential-expiry-time value="10" />
+          <max-connection-pool-size value="7" />
+          <alternative-statement-delimiter value="" />
+        </details>
+        <object-filters hide-empty-schemas="false" hide-pseudo-columns="false">
+          <object-type-filter>
+            <object-type name="SCHEMA" enabled="true" />
+            <object-type name="USER" enabled="true" />
+            <object-type name="ROLE" enabled="true" />
+            <object-type name="PRIVILEGE" enabled="true" />
+            <object-type name="CHARSET" enabled="true" />
+            <object-type name="TABLE" enabled="true" />
+            <object-type name="VIEW" enabled="true" />
+            <object-type name="MATERIALIZED_VIEW" enabled="true" />
+            <object-type name="NESTED_TABLE" enabled="true" />
+            <object-type name="COLUMN" enabled="true" />
+            <object-type name="INDEX" enabled="true" />
+            <object-type name="CONSTRAINT" enabled="true" />
+            <object-type name="DATASET_TRIGGER" enabled="true" />
+            <object-type name="DATABASE_TRIGGER" enabled="true" />
+            <object-type name="SYNONYM" enabled="true" />
+            <object-type name="SEQUENCE" enabled="true" />
+            <object-type name="PROCEDURE" enabled="true" />
+            <object-type name="FUNCTION" enabled="true" />
+            <object-type name="PACKAGE" enabled="true" />
+            <object-type name="TYPE" enabled="true" />
+            <object-type name="TYPE_ATTRIBUTE" enabled="true" />
+            <object-type name="ARGUMENT" enabled="true" />
+            <object-type name="DIMENSION" enabled="true" />
+            <object-type name="CLUSTER" enabled="true" />
+            <object-type name="DBLINK" enabled="true" />
+          </object-type-filter>
+          <object-name-filters />
+        </object-filters>
+      </connection>
+    </connections>
+    <browser-settings>
+      <general>
+        <display-mode value="TABBED" />
+        <navigation-history-size value="100" />
+        <show-object-details value="false" />
+      </general>
+      <filters>
+        <object-type-filter>
+          <object-type name="SCHEMA" enabled="true" />
+          <object-type name="USER" enabled="true" />
+          <object-type name="ROLE" enabled="true" />
+          <object-type name="PRIVILEGE" enabled="true" />
+          <object-type name="CHARSET" enabled="true" />
+          <object-type name="TABLE" enabled="true" />
+          <object-type name="VIEW" enabled="true" />
+          <object-type name="MATERIALIZED_VIEW" enabled="true" />
+          <object-type name="NESTED_TABLE" enabled="true" />
+          <object-type name="COLUMN" enabled="true" />
+          <object-type name="INDEX" enabled="true" />
+          <object-type name="CONSTRAINT" enabled="true" />
+          <object-type name="DATASET_TRIGGER" enabled="true" />
+          <object-type name="DATABASE_TRIGGER" enabled="true" />
+          <object-type name="SYNONYM" enabled="true" />
+          <object-type name="SEQUENCE" enabled="true" />
+          <object-type name="PROCEDURE" enabled="true" />
+          <object-type name="FUNCTION" enabled="true" />
+          <object-type name="PACKAGE" enabled="true" />
+          <object-type name="TYPE" enabled="true" />
+          <object-type name="TYPE_ATTRIBUTE" enabled="true" />
+          <object-type name="ARGUMENT" enabled="true" />
+          <object-type name="DIMENSION" enabled="true" />
+          <object-type name="CLUSTER" enabled="true" />
+          <object-type name="DBLINK" enabled="true" />
+        </object-type-filter>
+      </filters>
+      <sorting>
+        <object-type name="COLUMN" sorting-type="NAME" />
+        <object-type name="FUNCTION" sorting-type="NAME" />
+        <object-type name="PROCEDURE" sorting-type="NAME" />
+        <object-type name="ARGUMENT" sorting-type="POSITION" />
+        <object-type name="TYPE ATTRIBUTE" sorting-type="POSITION" />
+      </sorting>
+      <default-editors>
+        <object-type name="VIEW" editor-type="SELECTION" />
+        <object-type name="PACKAGE" editor-type="SELECTION" />
+        <object-type name="TYPE" editor-type="SELECTION" />
+      </default-editors>
+    </browser-settings>
+    <navigation-settings>
+      <lookup-filters>
+        <lookup-objects>
+          <object-type name="SCHEMA" enabled="true" />
+          <object-type name="USER" enabled="false" />
+          <object-type name="ROLE" enabled="false" />
+          <object-type name="PRIVILEGE" enabled="false" />
+          <object-type name="CHARSET" enabled="false" />
+          <object-type name="TABLE" enabled="true" />
+          <object-type name="VIEW" enabled="true" />
+          <object-type name="MATERIALIZED VIEW" enabled="true" />
+          <object-type name="INDEX" enabled="true" />
+          <object-type name="CONSTRAINT" enabled="true" />
+          <object-type name="DATASET TRIGGER" enabled="true" />
+          <object-type name="DATABASE TRIGGER" enabled="true" />
+          <object-type name="SYNONYM" enabled="false" />
+          <object-type name="SEQUENCE" enabled="true" />
+          <object-type name="PROCEDURE" enabled="true" />
+          <object-type name="FUNCTION" enabled="true" />
+          <object-type name="PACKAGE" enabled="true" />
+          <object-type name="TYPE" enabled="true" />
+          <object-type name="DIMENSION" enabled="false" />
+          <object-type name="CLUSTER" enabled="false" />
+          <object-type name="DBLINK" enabled="true" />
+        </lookup-objects>
+        <force-database-load value="false" />
+        <prompt-connection-selection value="true" />
+        <prompt-schema-selection value="true" />
+      </lookup-filters>
+    </navigation-settings>
+    <dataset-grid-settings>
+      <general>
+        <enable-zooming value="true" />
+        <enable-column-tooltip value="true" />
+      </general>
+      <sorting>
+        <nulls-first value="true" />
+        <max-sorting-columns value="4" />
+      </sorting>
+      <audit-columns>
+        <column-names value="" />
+        <visible value="true" />
+        <editable value="false" />
+      </audit-columns>
+    </dataset-grid-settings>
+    <dataset-editor-settings>
+      <text-editor-popup>
+        <active value="false" />
+        <active-if-empty value="false" />
+        <data-length-threshold value="100" />
+        <popup-delay value="1000" />
+      </text-editor-popup>
+      <values-actions-popup>
+        <show-popup-button value="true" />
+        <element-count-threshold value="1000" />
+        <data-length-threshold value="250" />
+      </values-actions-popup>
+      <general>
+        <fetch-block-size value="100" />
+        <fetch-timeout value="30" />
+        <trim-whitespaces value="true" />
+        <convert-empty-strings-to-null value="true" />
+        <select-content-on-cell-edit value="true" />
+        <large-value-preview-active value="true" />
+      </general>
+      <filters>
+        <prompt-filter-dialog value="true" />
+        <default-filter-type value="BASIC" />
+      </filters>
+      <qualified-text-editor text-length-threshold="300">
+        <content-types>
+          <content-type name="Text" enabled="true" />
+          <content-type name="Properties" enabled="true" />
+          <content-type name="XML" enabled="true" />
+          <content-type name="DTD" enabled="true" />
+          <content-type name="HTML" enabled="true" />
+          <content-type name="XHTML" enabled="true" />
+          <content-type name="SQL" enabled="true" />
+          <content-type name="PL/SQL" enabled="true" />
+          <content-type name="JSON" enabled="true" />
+          <content-type name="JSON5" enabled="true" />
+          <content-type name="YAML" enabled="true" />
+        </content-types>
+      </qualified-text-editor>
+      <record-navigation>
+        <navigation-target value="VIEWER" />
+      </record-navigation>
+    </dataset-editor-settings>
+    <code-editor-settings>
+      <general>
+        <show-object-navigation-gutter value="false" />
+        <show-spec-declaration-navigation-gutter value="true" />
+        <enable-spellchecking value="true" />
+        <enable-reference-spellchecking value="false" />
+      </general>
+      <confirmations>
+        <save-changes value="false" />
+        <revert-changes value="true" />
+      </confirmations>
+    </code-editor-settings>
+    <code-completion-settings>
+      <filters>
+        <basic-filter>
+          <filter-element type="RESERVED_WORD" id="keyword" selected="true" />
+          <filter-element type="RESERVED_WORD" id="function" selected="true" />
+          <filter-element type="RESERVED_WORD" id="parameter" selected="true" />
+          <filter-element type="RESERVED_WORD" id="datatype" selected="true" />
+          <filter-element type="RESERVED_WORD" id="exception" selected="true" />
+          <filter-element type="OBJECT" id="schema" selected="true" />
+          <filter-element type="OBJECT" id="role" selected="true" />
+          <filter-element type="OBJECT" id="user" selected="true" />
+          <filter-element type="OBJECT" id="privilege" selected="true" />
+          <user-schema>
+            <filter-element type="OBJECT" id="table" selected="true" />
+            <filter-element type="OBJECT" id="view" selected="true" />
+            <filter-element type="OBJECT" id="materialized view" selected="true" />
+            <filter-element type="OBJECT" id="index" selected="true" />
+            <filter-element type="OBJECT" id="constraint" selected="true" />
+            <filter-element type="OBJECT" id="trigger" selected="true" />
+            <filter-element type="OBJECT" id="synonym" selected="false" />
+            <filter-element type="OBJECT" id="sequence" selected="true" />
+            <filter-element type="OBJECT" id="procedure" selected="true" />
+            <filter-element type="OBJECT" id="function" selected="true" />
+            <filter-element type="OBJECT" id="package" selected="true" />
+            <filter-element type="OBJECT" id="type" selected="true" />
+            <filter-element type="OBJECT" id="dimension" selected="true" />
+            <filter-element type="OBJECT" id="cluster" selected="true" />
+            <filter-element type="OBJECT" id="dblink" selected="true" />
+          </user-schema>
+          <public-schema>
+            <filter-element type="OBJECT" id="table" selected="false" />
+            <filter-element type="OBJECT" id="view" selected="false" />
+            <filter-element type="OBJECT" id="materialized view" selected="false" />
+            <filter-element type="OBJECT" id="index" selected="false" />
+            <filter-element type="OBJECT" id="constraint" selected="false" />
+            <filter-element type="OBJECT" id="trigger" selected="false" />
+            <filter-element type="OBJECT" id="synonym" selected="false" />
+            <filter-element type="OBJECT" id="sequence" selected="false" />
+            <filter-element type="OBJECT" id="procedure" selected="false" />
+            <filter-element type="OBJECT" id="function" selected="false" />
+            <filter-element type="OBJECT" id="package" selected="false" />
+            <filter-element type="OBJECT" id="type" selected="false" />
+            <filter-element type="OBJECT" id="dimension" selected="false" />
+            <filter-element type="OBJECT" id="cluster" selected="false" />
+            <filter-element type="OBJECT" id="dblink" selected="false" />
+          </public-schema>
+          <any-schema>
+            <filter-element type="OBJECT" id="table" selected="true" />
+            <filter-element type="OBJECT" id="view" selected="true" />
+            <filter-element type="OBJECT" id="materialized view" selected="true" />
+            <filter-element type="OBJECT" id="index" selected="true" />
+            <filter-element type="OBJECT" id="constraint" selected="true" />
+            <filter-element type="OBJECT" id="trigger" selected="true" />
+            <filter-element type="OBJECT" id="synonym" selected="true" />
+            <filter-element type="OBJECT" id="sequence" selected="true" />
+            <filter-element type="OBJECT" id="procedure" selected="true" />
+            <filter-element type="OBJECT" id="function" selected="true" />
+            <filter-element type="OBJECT" id="package" selected="true" />
+            <filter-element type="OBJECT" id="type" selected="true" />
+            <filter-element type="OBJECT" id="dimension" selected="true" />
+            <filter-element type="OBJECT" id="cluster" selected="true" />
+            <filter-element type="OBJECT" id="dblink" selected="true" />
+          </any-schema>
+        </basic-filter>
+        <extended-filter>
+          <filter-element type="RESERVED_WORD" id="keyword" selected="true" />
+          <filter-element type="RESERVED_WORD" id="function" selected="true" />
+          <filter-element type="RESERVED_WORD" id="parameter" selected="true" />
+          <filter-element type="RESERVED_WORD" id="datatype" selected="true" />
+          <filter-element type="RESERVED_WORD" id="exception" selected="true" />
+          <filter-element type="OBJECT" id="schema" selected="true" />
+          <filter-element type="OBJECT" id="user" selected="true" />
+          <filter-element type="OBJECT" id="role" selected="true" />
+          <filter-element type="OBJECT" id="privilege" selected="true" />
+          <user-schema>
+            <filter-element type="OBJECT" id="table" selected="true" />
+            <filter-element type="OBJECT" id="view" selected="true" />
+            <filter-element type="OBJECT" id="materialized view" selected="true" />
+            <filter-element type="OBJECT" id="index" selected="true" />
+            <filter-element type="OBJECT" id="constraint" selected="true" />
+            <filter-element type="OBJECT" id="trigger" selected="true" />
+            <filter-element type="OBJECT" id="synonym" selected="true" />
+            <filter-element type="OBJECT" id="sequence" selected="true" />
+            <filter-element type="OBJECT" id="procedure" selected="true" />
+            <filter-element type="OBJECT" id="function" selected="true" />
+            <filter-element type="OBJECT" id="package" selected="true" />
+            <filter-element type="OBJECT" id="type" selected="true" />
+            <filter-element type="OBJECT" id="dimension" selected="true" />
+            <filter-element type="OBJECT" id="cluster" selected="true" />
+            <filter-element type="OBJECT" id="dblink" selected="true" />
+          </user-schema>
+          <public-schema>
+            <filter-element type="OBJECT" id="table" selected="true" />
+            <filter-element type="OBJECT" id="view" selected="true" />
+            <filter-element type="OBJECT" id="materialized view" selected="true" />
+            <filter-element type="OBJECT" id="index" selected="true" />
+            <filter-element type="OBJECT" id="constraint" selected="true" />
+            <filter-element type="OBJECT" id="trigger" selected="true" />
+            <filter-element type="OBJECT" id="synonym" selected="true" />
+            <filter-element type="OBJECT" id="sequence" selected="true" />
+            <filter-element type="OBJECT" id="procedure" selected="true" />
+            <filter-element type="OBJECT" id="function" selected="true" />
+            <filter-element type="OBJECT" id="package" selected="true" />
+            <filter-element type="OBJECT" id="type" selected="true" />
+            <filter-element type="OBJECT" id="dimension" selected="true" />
+            <filter-element type="OBJECT" id="cluster" selected="true" />
+            <filter-element type="OBJECT" id="dblink" selected="true" />
+          </public-schema>
+          <any-schema>
+            <filter-element type="OBJECT" id="table" selected="true" />
+            <filter-element type="OBJECT" id="view" selected="true" />
+            <filter-element type="OBJECT" id="materialized view" selected="true" />
+            <filter-element type="OBJECT" id="index" selected="true" />
+            <filter-element type="OBJECT" id="constraint" selected="true" />
+            <filter-element type="OBJECT" id="trigger" selected="true" />
+            <filter-element type="OBJECT" id="synonym" selected="true" />
+            <filter-element type="OBJECT" id="sequence" selected="true" />
+            <filter-element type="OBJECT" id="procedure" selected="true" />
+            <filter-element type="OBJECT" id="function" selected="true" />
+            <filter-element type="OBJECT" id="package" selected="true" />
+            <filter-element type="OBJECT" id="type" selected="true" />
+            <filter-element type="OBJECT" id="dimension" selected="true" />
+            <filter-element type="OBJECT" id="cluster" selected="true" />
+            <filter-element type="OBJECT" id="dblink" selected="true" />
+          </any-schema>
+        </extended-filter>
+      </filters>
+      <sorting enabled="true">
+        <sorting-element type="RESERVED_WORD" id="keyword" />
+        <sorting-element type="RESERVED_WORD" id="datatype" />
+        <sorting-element type="OBJECT" id="column" />
+        <sorting-element type="OBJECT" id="table" />
+        <sorting-element type="OBJECT" id="view" />
+        <sorting-element type="OBJECT" id="materialized view" />
+        <sorting-element type="OBJECT" id="index" />
+        <sorting-element type="OBJECT" id="constraint" />
+        <sorting-element type="OBJECT" id="trigger" />
+        <sorting-element type="OBJECT" id="synonym" />
+        <sorting-element type="OBJECT" id="sequence" />
+        <sorting-element type="OBJECT" id="procedure" />
+        <sorting-element type="OBJECT" id="function" />
+        <sorting-element type="OBJECT" id="package" />
+        <sorting-element type="OBJECT" id="type" />
+        <sorting-element type="OBJECT" id="dimension" />
+        <sorting-element type="OBJECT" id="cluster" />
+        <sorting-element type="OBJECT" id="dblink" />
+        <sorting-element type="OBJECT" id="schema" />
+        <sorting-element type="OBJECT" id="role" />
+        <sorting-element type="OBJECT" id="user" />
+        <sorting-element type="RESERVED_WORD" id="function" />
+        <sorting-element type="RESERVED_WORD" id="parameter" />
+      </sorting>
+      <format>
+        <enforce-code-style-case value="true" />
+      </format>
+    </code-completion-settings>
+    <execution-engine-settings>
+      <statement-execution>
+        <fetch-block-size value="100" />
+        <execution-timeout value="20" />
+        <debug-execution-timeout value="600" />
+        <focus-result value="false" />
+        <prompt-execution value="false" />
+      </statement-execution>
+      <script-execution>
+        <command-line-interfaces />
+        <execution-timeout value="300" />
+      </script-execution>
+      <method-execution>
+        <execution-timeout value="30" />
+        <debug-execution-timeout value="600" />
+        <parameter-history-size value="10" />
+      </method-execution>
+    </execution-engine-settings>
+    <operation-settings>
+      <transactions>
+        <uncommitted-changes>
+          <on-project-close value="ASK" />
+          <on-disconnect value="ASK" />
+          <on-autocommit-toggle value="ASK" />
+        </uncommitted-changes>
+        <multiple-uncommitted-changes>
+          <on-commit value="ASK" />
+          <on-rollback value="ASK" />
+        </multiple-uncommitted-changes>
+      </transactions>
+      <session-browser>
+        <disconnect-session value="ASK" />
+        <kill-session value="ASK" />
+        <reload-on-filter-change value="false" />
+      </session-browser>
+      <compiler>
+        <compile-type value="KEEP" />
+        <compile-dependencies value="ASK" />
+        <always-show-controls value="false" />
+      </compiler>
+      <debugger>
+        <debugger-type value="JDBC" />
+        <use-generic-runners value="true" />
+      </debugger>
+    </operation-settings>
+    <ddl-file-settings>
+      <extensions>
+        <mapping file-type-id="VIEW" extensions="vw" />
+        <mapping file-type-id="TRIGGER" extensions="trg" />
+        <mapping file-type-id="PROCEDURE" extensions="prc" />
+        <mapping file-type-id="FUNCTION" extensions="fnc" />
+        <mapping file-type-id="PACKAGE" extensions="pkg" />
+        <mapping file-type-id="PACKAGE_SPEC" extensions="pks" />
+        <mapping file-type-id="PACKAGE_BODY" extensions="pkb" />
+        <mapping file-type-id="TYPE" extensions="tpe" />
+        <mapping file-type-id="TYPE_SPEC" extensions="tps" />
+        <mapping file-type-id="TYPE_BODY" extensions="tpb" />
+      </extensions>
+      <general>
+        <lookup-ddl-files value="true" />
+        <create-ddl-files value="false" />
+        <synchronize-ddl-files value="true" />
+        <use-qualified-names value="false" />
+        <make-scripts-rerunnable value="true" />
+      </general>
+    </ddl-file-settings>
+    <general-settings>
+      <regional-settings>
+        <date-format value="MEDIUM" />
+        <number-format value="UNGROUPED" />
+        <locale value="SYSTEM_DEFAULT" />
+        <use-custom-formats value="false" />
+      </regional-settings>
+      <environment>
+        <environment-types>
+          <environment-type id="development" name="Development" description="Development environment" color="-2430209/-12296320" readonly-code="false" readonly-data="false" />
+          <environment-type id="integration" name="Integration" description="Integration environment" color="-2621494/-12163514" readonly-code="true" readonly-data="false" />
+          <environment-type id="production" name="Production" description="Productive environment" color="-11574/-10271420" readonly-code="true" readonly-data="true" />
+          <environment-type id="other" name="Other" description="" color="-1576/-10724543" readonly-code="false" readonly-data="false" />
+        </environment-types>
+        <visibility-settings>
+          <connection-tabs value="true" />
+          <dialog-headers value="true" />
+          <object-editor-tabs value="true" />
+          <script-editor-tabs value="false" />
+          <execution-result-tabs value="true" />
+        </visibility-settings>
+      </environment>
+    </general-settings>
+  </component>
+  <component name="DBNavigator.Project.StatementExecutionManager">
+    <execution-variables />
+  </component>
+</project>

src/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,12 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="N802" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

src/.idea/misc.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
+  <component name="PyCharmProfessionalAdvertiser">
+    <option name="shown" value="true" />
+  </component>
+</project>

src/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/dbDesign.iml" filepath="$PROJECT_DIR$/.idea/dbDesign.iml" />
+    </modules>
+  </component>
+</project>

src/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="" />
+  </component>
+</project>

src/templates/CommentForm.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>个人中心</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	
+
+</head>
+
+<body>
+    <div class="navbkg" >
+        <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+            <div class="gtco-container">
+                <div class="row">
+                    <div class="col-sm-4 col-xs-12">
+                        <div id="gtco-logo"><a href="index.html">发表评价 <em>.</em></a></div>
+                    </div>
+                    <div class="col-xs-8 text-right menu-1">
+                        <ul>
+                            <li class="has-dropdown">
+                                <a href="personal">个人中心</a>
+                                <ul class="dropdown">
+                                    <li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+                                    <li><a href="ModifyPassword">修改密码</a></li>
+                                    <li><a href="OrderPage">我的订单</a></li>
+                                    <li><a href="MyComments">我的评价</a></li>
+                                    <li><a href="WriteComments">发表评价</a></li>
+                                </ul>
+                            </li>
+                            <li><a href="index">返回首页</a></li>
+                        </ul>	
+                    </div>
+                </div>
+            </div>
+        </nav>  
+        </div>
+    
+        <!-- <p style="color: wheat;">{{messages}}</p> -->
+        <!-- {% if messages == "WriteRequest" %}
+        <p>{{orderID}}</p>
+        {% else %}
+        
+        {% endif %} -->
+    
+	<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+					<div class="row row-mt-15em" style="margin-top: 10em;">
+						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
+							<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
+							<h1 class="cursive-font">Write your comment!</h1>
+						</div>
+						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
+							<div class="form-wrap">
+								<div class="tab">
+									<div class="tab-content">
+										<div class="tab-content-inner active" data-content="signup">
+											<p>写下你的评价</p>
+											<!-- 以下是表单 -->
+											<form action="{{ url_for('CommentFormPage') }}" method="POST" enctype="multipart/form-data">
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">订单号</label>
+														<input type="text" name="orderID" class="form-control" value="{{ orderID }}" placeholder="{{orderID}} " readonly="readonly" style="background:transparent;"/>
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">评分</label>
+														<input type="text" name="rank" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">评论</label>
+														<input type="text" name="text" class="form-control" style="background:transparent; height: 80px;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<input type="submit" name="action" value="提交评论" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
+													</div>
+												</div>
+											</form>	
+											{% if messages == "done" %}
+												<script>alert("评论成功！")</script>
+												<script type='text/javascript'>window.location.href='WriteComments'</script>
+                                            {% elif messages == "fail" %}
+                                                <script>alert("数据库错误！")</script>
+											{% endif %}
+										</div>
+
+										
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+							
+				</div>
+			</div>
+		</div>
+    </header>   
+
+
+            	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/MerchantModifyPwd.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>修改密码</title>
+	<link rel="stylesheet" href="static/css/personal.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+</head>
+<body>
+    <nav class="gtco-nav" role="navigation">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="MerchantIndex">修改密码 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="MerchantIndex">其他功能</a>
+                            <ul class="dropdown">
+								<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
+
+                                <li><a href="MerchantOrderPage">查看订单</a></li>
+                                <li><a href="ResCommentList">查看评论</a></li>
+                                <li><a href="MerchantMenu">菜单列表</a></li>
+
+                            </ul>
+						</li>
+						<li><a href="MerchantIndex">返回首页</a></li>
+
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+					<div class="row row-mt-15em" style="margin-top: 10em;">
+						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
+							<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
+							<h1 class="cursive-font">Change Your Password!</h1>
+						</div>
+						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
+							<div class="form-wrap">
+								<div class="tab">
+									<div class="tab-content">
+										<div class="tab-content-inner active" data-content="signup">
+											<p>修改个人信息</p>
+											<!-- 以下是表单 -->
+											<form action="" method="POST" enctype="multipart/form-data">
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">用户名</label>
+														<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">修改后密码</label>
+														<input type="password" name="psw1" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">再次输入修改后密码</label>
+														<input type="password" name="psw2" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
+													</div>
+												</div>
+											</form>
+											{% if messages == "done" %}
+                                                <script>alert("修改密码成功！")</script>
+                                            {% elif messages == "not equal" %}
+                                                <script>alert("两次输入的密码不一致！")</script>
+                                            {% elif messages == "fail" %}
+                                                <script>alert("数据库错误！")</script>
+											{% endif %}
+										</div>
+
+
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+
+				</div>
+			</div>
+		</div>
+    </header>
+
+<!-- jQuery -->
+<script src="static/js/jquery.min.js"></script>
+<!-- jQuery Easing -->
+<script src="static/js/jquery.easing.1.3.js"></script>
+<!-- Bootstrap -->
+<script src="static/js/bootstrap.min.js"></script>
+<!-- Waypoints -->
+<script src="static/js/jquery.waypoints.min.js"></script>
+<!-- Carousel -->
+<script src="static/js/owl.carousel.min.js"></script>
+<!-- countTo -->
+<script src="static/js/jquery.countTo.js"></script>
+
+<!-- Stellar Parallax -->
+<script src="static/js/jquery.stellar.min.js"></script>
+
+<!-- Magnific Popup -->
+<script src="static/js/jquery.magnific-popup.min.js"></script>
+<script src="static/js/magnific-popup-options.js"></script>
+
+<script src="static/js/moment.min.js"></script>
+<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+<!-- Main -->
+<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/MerchantOrderPage.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>个人中心</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+
+</head>
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="MerchantOrderPage">查看订单 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="MerchantIndex">其他功能</a>
+                            <ul class="dropdown">
+								<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
+								<li><a href="MerchantModifyPwd">修改密码</a></li>
+                                <li><a href="ResCommentList">查看评论</a></li>
+                                <li><a href="MerchantMenu">菜单列表</a></li>
+
+                            </ul>
+						</li>
+						<li><a href="MerchantIndex">返回首页</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+	</nav>
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">收到的订单</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<div class="selectcondition">
+				<form action="{{ url_for('MerchantOrderPage') }}" method="post">
+					<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="未完成订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
+				</form>
+			</div>
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<a href={{item[8]}} class="fh5co-card-item image-popup">
+								<figure class="col-lg-4" style="float: left;">
+									<div class="overlay"><i class="ti-plus"></i></div>
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure>
+								<div class="fh5co-text">
+									<h2 style="margin-top: 40px;"> 菜品：{{ item[2] }} </h2>
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									<p>就餐方式：外卖</p>
+									<p>送餐地址：{{ item[6] }}</p>
+									<p>电话：{{ item[5] }}</p>
+
+									{% if item[7] == 1 %}
+										<p>订单状态：已完成</p>
+									{% elif item[7] == 0 %}
+										<p>订单状态：<span style="color: red;">未完成</span></p>
+									{% endif %}
+									<p>订单总价格：<span class="price cursive-font">￥{{ item[13]}}</span></p>
+								</div>
+							</a>
+						{% endfor %}
+
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">您还没有订单哦！</div>
+					{% endif %}
+
+				</div>
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/MerchantPersonal.html

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+.left
+{
+	float:left;
+    height:485px;
+    margin-left:200px
+}
+.right
+{
+	float:right;
+    height:485px;
+    margin-right:200px
+}
+</style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人中心</title>
+    <link rel="stylesheet" href="static/css/personal.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+</head>
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="MerchantPersonal">个人中心 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="MerchantPersonal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
+								<li><a href="MerchantModifyPwd">修改密码</a></li>
+
+                            </ul>
+						</li>
+						<li><a href="MerchantIndex">返回首页</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+	</nav>
+	</div>
+
+	<div id="gtco-features">
+	<div class="gtco-container">
+	<div class="row" style="margin-top: 70px; background-color: #FBB448;">
+		<div class="left"  class="col-md-4 col-sm-6" >
+			<div  class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-settings"></i>
+				</span>
+				<a href="MerchantModifyPerInfo" style="text-decoration: none;"><h3>修改个人信息</h3></a>
+				<p>Modify personal information</p>
+			</div>
+		</div>
+		<div class="right" class="col-md-4 col-sm-6">
+			<div  class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-lock"></i>
+				</span>
+				<a href="MerchantModifyPwd" style="text-decoration: none;"><h3>修改密码</h3></a>
+				<p>Modify my password</p>
+			</div>
+		</div>
+
+	</div>
+	</div>
+	</div>
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/ModifyPassword.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>修改密码</title>
+	<link rel="stylesheet" href="static/css/personal.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+</head>
+<body>
+    <nav class="gtco-nav" role="navigation">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index">修改密码 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="index">返回首页</a></li>
+                        
+                    </ul>	
+                </div>
+            </div>
+        </div>
+    </nav>
+   
+    <header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+					<div class="row row-mt-15em" style="margin-top: 10em;">
+						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
+							<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
+							<h1 class="cursive-font">Change Your Password!</h1>	
+						</div>
+						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
+							<div class="form-wrap">
+								<div class="tab">
+									<div class="tab-content">
+										<div class="tab-content-inner active" data-content="signup">
+											<p>修改个人信息</p>
+											<!-- 以下是表单 -->
+											<form action="" method="POST" enctype="multipart/form-data">
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">用户名</label>
+														<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">修改后密码</label>
+														<input type="password" name="psw1" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">再次输入修改后密码</label>
+														<input type="password" name="psw2" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
+													</div>
+												</div>
+											</form>	
+											{% if messages == "done" %}
+                                                <script>alert("修改密码成功！")</script>
+                                            {% elif messages == "not equal" %}
+                                                <script>alert("两次输入的密码不一致！")</script>
+                                            {% elif messages == "fail" %}
+                                                <script>alert("数据库错误！")</script>
+											{% endif %}
+										</div>
+
+										
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+							
+					
+				</div>
+			</div>
+		</div>
+    </header>   
+
+<!-- jQuery -->
+<script src="static/js/jquery.min.js"></script>
+<!-- jQuery Easing -->
+<script src="static/js/jquery.easing.1.3.js"></script>
+<!-- Bootstrap -->
+<script src="static/js/bootstrap.min.js"></script>
+<!-- Waypoints -->
+<script src="static/js/jquery.waypoints.min.js"></script>
+<!-- Carousel -->
+<script src="static/js/owl.carousel.min.js"></script>
+<!-- countTo -->
+<script src="static/js/jquery.countTo.js"></script>
+
+<!-- Stellar Parallax -->
+<script src="static/js/jquery.stellar.min.js"></script>
+
+<!-- Magnific Popup -->
+<script src="static/js/jquery.magnific-popup.min.js"></script>
+<script src="static/js/magnific-popup-options.js"></script>
+
+<script src="static/js/moment.min.js"></script>
+<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+<!-- Main -->
+<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/ModifyPersonalInfo.html

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>修改个人信息</title>
+	<link rel="stylesheet" href="static/css/personal.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+</head>
+<body>
+    <nav class="gtco-nav" role="navigation">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index.html">修改个人信息 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="index">返回首页</a></li>
+                        
+                    </ul>	
+                </div>
+            </div>
+        </div>
+    </nav>
+   
+    <header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+					<div class="row row-mt-15em" style="margin-top: 10em;">
+						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
+							<!-- <span class="intro-text-small">Hand-crafted by <a href="http://gettemplates.co" target="_blank">GetTemplates.co</a></span> -->
+							<h1 class="cursive-font">Change Your Information!</h1>	
+						</div>
+						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
+							<div class="form-wrap">
+								<div class="tab">
+									<div class="tab-content">
+										<div class="tab-content-inner active" data-content="signup">
+											<p>修改个人信息</p>
+											<!-- 以下是表单 -->
+											<form action="" method="POST" enctype="multipart/form-data">
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">用户名</label>
+														<input type="text" name="username" class="form-control" placeholder="{{username}} " readonly="readonly" style="background:transparent;"/>
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">地址</label>
+														<input type="text" name="address" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="date-start">联系电话</label>
+														<input type="text" name="phonenum" class="form-control" style="background:transparent;">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<input type="submit" class="btn btn-primary btn-block" value="确认" style="background: #FBB448;"/>
+													</div>
+												</div>
+											</form>	
+											{% if messages == "done" %}
+												<script>alert("修改个人信息成功！")</script>
+											{% elif messages == "fail" %}
+                                                <script>alert("数据库错误！")</script>
+											{% endif %}
+										</div>
+
+										
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+							
+					
+				</div>
+			</div>
+		</div>
+    </header>   
+
+<!-- jQuery -->
+<script src="static/js/jquery.min.js"></script>
+<!-- jQuery Easing -->
+<script src="static/js/jquery.easing.1.3.js"></script>
+<!-- Bootstrap -->
+<script src="static/js/bootstrap.min.js"></script>
+<!-- Waypoints -->
+<script src="static/js/jquery.waypoints.min.js"></script>
+<!-- Carousel -->
+<script src="static/js/owl.carousel.min.js"></script>
+<!-- countTo -->
+<script src="static/js/jquery.countTo.js"></script>
+
+<!-- Stellar Parallax -->
+<script src="static/js/jquery.stellar.min.js"></script>
+
+<!-- Magnific Popup -->
+<script src="static/js/jquery.magnific-popup.min.js"></script>
+<script src="static/js/magnific-popup-options.js"></script>
+
+<script src="static/js/moment.min.js"></script>
+<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+<!-- Main -->
+<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/MyComments.html

@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>个人中心</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	<style>
+		@font-face {
+			font-family: 'iconfont';  /* project id 1548416 */
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
+		}
+		.iconfont{
+			font-family:"iconfont" !important;
+			font-size:16px;font-style:normal;
+			-webkit-font-smoothing: antialiased;
+			-webkit-text-stroke-width: 0.2px;
+			-moz-osx-font-smoothing: grayscale;
+		}
+	</style>
+
+</head>
+
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index.html">我的评价 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="index">返回首页</a></li>
+                    </ul>	
+                </div>
+            </div>
+        </div>
+	</nav>  
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的评价</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<div class="selectcondition" style="position:relative;">
+				<form action="{{ url_for('MyCommentsPage') }}" method="post">
+					<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="待评价订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
+				</form>
+			</div>
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<!-- <div class="fh5co-card-item"> -->
+							<div class="fh5co-card-item">
+								<!-- <figure class="col-lg-4" style="float: left; position: relative;">
+									<div class="overlay"></div>
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure> -->
+								<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
+									<!-- <h2 style="margin-top: 40px;">  </h2> -->
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<p>评价时间：{{ item[12] }}</p>
+									<p>菜品：{{ item[2] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									{% if item[4] == 1 %}
+										<p>就餐方式：堂食</p>
+										<p>餐厅地址：{{ item[6] }}</p>
+									{% elif item[4] == 0 %}
+										<p>就餐方式：外卖</p>
+										<p>配送地址：{{ item[6] }}</p>
+									{% endif %}
+										<!-- <p>订单状态：已完成</p> -->
+										<p>订单总价格：￥{{ item[13]}}</p>
+										
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
+									<i class="ti-quote-left" style="font-size: 20px;"></i>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
+									<p style="font-size: 18px;">
+									<!-- var score = {{ item[11] }}	 -->
+									{% if item[11] == 5 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}	
+									{% elif item[11] == 4 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}	
+									{% elif item[11] == 3 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}	
+									{% elif item[11] == 2 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}	
+									{% elif item[11] == 1 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}	
+									{% elif item[11] == 0 %}
+									评分：<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}	
+									{% endif %}
+								</p>
+									<p style="font-size: 18px; width: 500px;">评价：{{ item[10] }}</p>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
+									<i class="ti-quote-right" style="font-size: 20px;"></i>
+								</div>
+							</div>
+							<!-- </div> -->
+						{% endfor %}
+					
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">您还没有已评价订单！</div>
+					{% endif %}
+					
+				</div>				
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/OrderPage.html

@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>个人中心</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	
+
+</head>
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index.html">我的订单 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="index">返回首页</a></li>
+                    </ul>	
+                </div>
+            </div>
+        </div>
+	</nav>  
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的订单</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<div class="selectcondition">
+				<form action="{{ url_for('OrderPage') }}" method="post">
+					<input type="submit" name="action" value="按时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<span class="badge" style="float: right;">{{ notFinishedNum }}</span><input type="submit" name="action" value="未完成订单" style="background-color: transparent; color: #FBB448; float: right; font-size: 16px; outline:none; border:0px;">
+				</form>
+			</div>
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<div class="fh5co-card-item">
+								<figure class="col-lg-4" style="float: left;">
+									<div class="overlay"><i class="ti-plus"></i></div>
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure>
+								<div class="fh5co-text">
+									<h2 style="margin-top: 40px;"> 菜品：{{ item[2] }} </h2>
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									{% if item[4] == 1 %}
+										<p>就餐方式：堂食</p>
+										<p>餐厅地址：{{ item[6] }}</p>
+										<p>取餐时间：{{ item[5] }}</p>
+									{% elif item[4] == 0 %}
+										<p>就餐方式：外卖</p>
+										<p>配送地址：{{ item[6] }}</p>
+										<p>送达时间：{{ item[5] }}</p>
+									{% endif %}
+									{% if item[7] == 1 %}
+										<p>订单状态：已完成</p>
+									{% elif item[7] == 0 %}
+										<p>订单状态：<span style="color: red;">未完成</span></p>
+									{% endif %}
+									<p style="margin-left: 322px;">订单总价格：<span class="price cursive-font">￥{{ item[13]}}</span></p>
+									<form action="{{ url_for('OrderPage') }}" method="post">
+										<input name="orderID" value={{ item[0] }} style="display: none;">
+										{% if item[7] == 0 %}
+                                            <input type="submit" name="action" value="确认收货" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
+                                        {% endif %}
+									</form>
+                                    <br/>
+								</div>
+							</div>
+						{% endfor %}
+					<!-- TODO -->
+					{% elif messages == "UpdateSucceed" %}
+					<script>alert("确认收货成功！")</script>
+					<script type='text/javascript'>window.location.href='WriteComments'</script>
+				
+
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">您还没有未完成订单哦！</div>
+					{% endif %}
+					
+				</div>				
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/Register.html

@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+    <title>注册</title>
+    <!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+	<!-- Theme style  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+	<script src="static/js/modernizr-2.6.2.min.js"></script>
+<script>
+	window.onload = function() {
+		var phone = document.getElementById("phone");
+		phone.onkeyup = function() {
+			checkPhone();
+		}
+	}
+
+	function checkPhone() {
+		console.log("验证电话")
+		var phone = document.getElementById('phone').value;
+		if(!(/^1[3456789]\d{9}$/.test(phone))) {
+			document.getElementById('checkPhone').innerHTML = "电话号码不规范";
+			alert("手机号码格式有误，请重填");  
+			return false; 
+		} 
+	}
+
+</script>
+
+
+</head>
+<body>
+	<div class="gtco-loader"></div>
+
+	<div id="page">
+
+
+	<!-- <div class="page-inner"> -->
+	<nav class="gtco-nav" role="navigation">
+		<div class="gtco-container">
+
+			<div class="row">
+				<div class="col-sm-4 col-xs-12">
+					<div id="gtco-logo">注册 <em>.</em></div>
+				</div>
+				<div class="col-xs-8 text-right menu-1">
+					<ul>
+						<li><a href="index">返回首页</a></li>
+						<li class="btn-cta"><a href="logIn"><span>登录</span></a></li>
+					</ul>
+				</div>
+			</div>
+
+		</div>
+	</nav>
+
+	<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+
+					<div class="row row-mt-15em">
+						<div class="col-md-8 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
+							<div class="form-wrap">
+								<div class="tab">
+
+									<div class="tab-content">
+										<div class="tab-content-inner active" data-content="signup">
+											<h3 class="cursive-font">请注册</h3>
+											<form action="" method="post">
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">身份</label><br>
+    													<input type="radio" name="userRole" value="RESTAURANT" />商家用户
+														<input type="radio" name="userRole" value="CUSTOMER" checked />用户<br>
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">用户名</label>
+														<input type="text" name="username" placeholder="不可为空" class="form-control">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">密码</label>
+														<input type="password" name="password" placeholder="不可为空" class="form-control">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">电话</label><span id="checkPhone"></span>
+														<input type="text" name="phone" placeholder="不可为空" class="form-control form-input" id="contact-phone-2" data-constraints="@Numeric">
+													</div>
+												</div>
+												<div class="row form-group">
+													<div class="col-md-12">
+														<label for="activities">地址</label>
+														<input type="text" name="addr" placeholder="不可为空" class="form-control">
+													</div>
+												</div>
+
+												<div class="row form-group">
+													<div class="col-md-12">
+														<input type="submit" class="btn btn-primary btn-block" name="submit" value="注册">
+													</div>
+												</div>
+											</form>
+											{% if messages == "done1" %}
+												<script>alert("商家注册成功！")</script>
+											{% elif messages == "fail1" %}
+                                                <script>alert("注册失败！商家已注册。")</script>
+											{% elif messages == "done2" %}
+												<script>alert("用户注册成功！")</script>
+											{% elif messages == "fail2" %}
+                                                <script>alert("注册失败！用户已注册。")</script>
+											{% endif %}
+											<div class="col-md-12">
+											</div>
+										</div>
+
+
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+
+				</div>
+			</div>
+		</div>
+	</header>
+
+
+<!--	<footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">-->
+<!--		<div class="overlay"></div>-->
+<!--	</footer>-->
+
+	</div>
+
+	<div class="gototop js-top">
+		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
+	</div>
+
+	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+
+</html>

src/templates/ResComment.html

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>商家评价</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	<style>
+		@font-face {
+			font-family: 'iconfont';  /* project id 1548416 */
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
+		}
+		.iconfont{
+			font-family:"iconfont" !important;
+			font-size:16px;font-style:normal;
+			-webkit-font-smoothing: antialiased;
+			-webkit-text-stroke-width: 0.2px;
+			-moz-osx-font-smoothing: grayscale;
+		}
+	</style>
+
+</head>
+
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo">商家评价 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="UserRestList">返回</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+	</nav>
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">商家评价</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<!-- <div class="fh5co-card-item"> -->
+							<div class="fh5co-card-item">
+								<!-- <figure class="col-lg-4" style="float: left; position: relative;">
+									<div class="overlay"></div>
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure> -->
+								<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
+									<!-- <h2 style="margin-top: 40px;">  </h2> -->
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<p>评价时间：{{ item[12] }}</p>
+									<p>菜品：{{ item[2] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									{% if item[4] == 1 %}
+										<p>就餐方式：堂食</p>
+										<p>餐厅地址：{{ item[6] }}</p>
+									{% elif item[4] == 0 %}
+										<p>就餐方式：外卖</p>
+										<p>配送地址：{{ item[6] }}</p>
+									{% endif %}
+										<!-- <p>订单状态：已完成</p> -->
+										<p>订单总价格：￥{{ item[13]}}</p>
+
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
+									<i class="ti-quote-left" style="font-size: 20px;"></i>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
+									<p style="font-size: 18px;">
+									<!-- var score = {{ item[11] }}	 -->
+									{% if item[11] == 5 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 4 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 3 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 2 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 1 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 0 %}
+									评分：<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% endif %}
+								</p>
+									<p style="font-size: 18px; width: 500px;">评价：{{ item[10] }}</p>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
+									<i class="ti-quote-right" style="font-size: 20px;"></i>
+								</div>
+							</div>
+							<!-- </div> -->
+						{% endfor %}
+
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">暂无已评价订单！</div>
+					{% endif %}
+
+				</div>
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/ResCommentList.html

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>查看评论</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	<style>
+		@font-face {
+			font-family: 'iconfont';  /* project id 1548416 */
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
+		}
+		.iconfont{
+			font-family:"iconfont" !important;
+			font-size:16px;font-style:normal;
+			-webkit-font-smoothing: antialiased;
+			-webkit-text-stroke-width: 0.2px;
+			-moz-osx-font-smoothing: grayscale;
+		}
+	</style>
+
+</head>
+
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="ResCommentList">查看评论<em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="MerchantIndex">其他功能</a>
+                            <ul class="dropdown">
+								<li><a href="MerchantModifyPerInfo">修改个人信息</a></li>
+								<li><a href="MerchantModifyPwd">修改密码</a></li>
+                                <li><a href="MerchantOrderPage">查看订单</a></li>
+                                <li><a href="MerchantMenu">菜单列表</a></li>
+
+                            </ul>
+						</li>
+						<li><a href="MerchantIndex">返回首页</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+	</nav>
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">我的评价</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<!-- <div class="fh5co-card-item"> -->
+							<div class="fh5co-card-item">
+								<!-- <figure class="col-lg-4" style="float: left; position: relative;">
+									<div class="overlay"></div>
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure> -->
+								<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
+									<!-- <h2 style="margin-top: 40px;">  </h2> -->
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<p>评价时间：{{ item[12] }}</p>
+									<p>菜品：{{ item[2] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									{% if item[4] == 1 %}
+										<p>就餐方式：堂食</p>
+										<p>餐厅地址：{{ item[6] }}</p>
+									{% elif item[4] == 0 %}
+										<p>就餐方式：外卖</p>
+										<p>配送地址：{{ item[6] }}</p>
+									{% endif %}
+										<!-- <p>订单状态：已完成</p> -->
+										<p>订单总价格：￥{{ item[13]}}</p>
+
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
+									<i class="ti-quote-left" style="font-size: 20px;"></i>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
+									<p style="font-size: 18px;">
+									<!-- var score = {{ item[11] }}	 -->
+									{% if item[11] == 5 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 4 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 3 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 2 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 1 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 0 %}
+									评分：<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% endif %}
+								</p>
+									<p style="font-size: 18px; width: 500px;">评价：{{ item[10] }}</p>
+								</div>
+								<div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
+									<i class="ti-quote-right" style="font-size: 20px;"></i>
+								</div>
+							</div>
+							<!-- </div> -->
+						{% endfor %}
+
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">暂无已评价订单！</div>
+					{% endif %}
+
+				</div>
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/UserRestList.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+    <title>用户界面</title>
+    <!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+	<!-- Theme style  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+	<script src="static/js/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+	<div class="gtco-loader"></div>
+
+	<div id="page">
+		<header>
+		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
+			<div class="container-fluid">
+				<div class="navbar-header">
+					<ul class="nav navbar-nav">
+						<li><a href="UserRestList">商家列表</a></li>
+					</ul>
+				</div>
+				<div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
+					<ul class="nav navbar-nav">
+						<li><a href="index">退出登录</a></li>
+						<li><a href="personal">个人中心</a></li>&nbsp;
+                        <li><a href="myOrder">购物车</a></li>
+					</ul>
+				</div>
+			</div>
+
+		</nav>
+		</header>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<h2 class="cursive-font primary-color">中国民航大学食堂欢迎你！</h2>
+				</div>
+			</div>
+			<div class="row">
+					{% if messages == "done" %}
+						{% for item in result %}
+					<div class="col-lg-6 col-md-6 col-sm-6">
+							<div class="fh5co-card-item">
+								<a href="{{ item[4] }}" class="fh5co-card-item image-popup">
+								<figure>
+									<div class="overlay"><i class="ti-plus"></i></div>
+									<img src={{item[4]}}  alt="Image" class="img-responsive">
+								</figure>
+								</a>
+								<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+									<h2 class="cursive-font primary-color">{{ item[0] }}</h2>
+									<h3 class="cursive-font primary-color">ADDRESS：{{ item[2] }}</h3>
+									<h3 class="cursive-font primary-color">PHONE：{{ item[3] }}</h3>
+								</div>
+								<form action ="{{url_for('menu')}}" method = "POST">
+									<input name = "restaurant" value="{{item[0]}}" style = "display:none;">
+									<input type = "submit" name = "action" value = "进入本店" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
+								</form>
+								<form action ="{{url_for('resComment')}}" method = "POST">
+									<input name = "restaurant" value="{{item[0]}}" style = "display:none;">
+									<input type = "submit" name = "action" value = "查看评价" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
+								</form>
+							</div>
+					</div>
+						{% endfor %}
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">暂无商家</div>
+					{% endif %}
+
+
+			</div>
+
+		</div>
+	</div>
+	</div>
+
+	<footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row row-pb-md">
+
+				<div class="col-md-12 text-center">
+					<div class="gtco-widget">
+						<h3>社区分享</h3>
+						<ul class="gtco-social-icons">
+							<li><a href="#"><i class="icon-twitter"></i></a></li>
+							<li><a href="#"><i class="icon-facebook"></i></a></li>
+							<li><a href="#"><i class="icon-linkedin"></i></a></li>
+							<li><a href="#"><i class="icon-dribbble"></i></a></li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="col-md-12 text-center copyright">
+					<p><big class="block">&copy</big>
+				</div>
+
+			</div>
+
+		</div>
+	</footer>
+
+	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+
+</html>

src/templates/WriteComments.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>个人中心</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	
+
+</head>
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index.html">发表评价 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="index">返回首页</a></li>
+                    </ul>	
+                </div>
+            </div>
+        </div>
+	</nav>  
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">发表评价</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<!-- TODO: 此处还想加一个按照时间顺序或价格排列 -->
+			<div class="selectcondition">
+				<form action="{{ url_for('WriteCommentsPage') }}" method="post">
+					<input type="submit" name="action" value="按交易时间排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+					<input type="submit" name="action" value="按价格排序" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+				</form>
+			</div>
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				<div class="col-lg-12 col-md-4 col-sm-6">
+					{% if messages == "done" %}
+						{% for item in result %}
+							<div class="fh5co-card-item">
+								<figure class="col-lg-4" style="float: left;">
+									<!-- <div class="overlay"><i class="ti-plus"></i></div> -->
+									<img src={{item[8]}} alt="Image" class="img-responsive">
+								</figure>
+								<div class="fh5co-text">
+									<h2 style="margin-top: 40px;"> 菜品：{{ item[2] }} </h2>
+									<p>订单号：{{ item[0] }}</p>
+									<p>交易时间：{{ item[9] }}</p>
+									<!-- mode=0：外卖，mode=1：堂食 -->
+									{% if item[4] == 1 %}
+										<p>就餐方式：堂食</p>
+										<p>餐厅地址：{{ item[6] }}</p>
+										<p>取餐时间：{{ item[5] }}</p>
+									{% elif item[4] == 0 %}
+										<p>就餐方式：外卖</p>
+										<p>配送地址：{{ item[6] }}</p>
+										<p>送达时间：{{ item[5] }}</p>
+									{% endif %}
+									{% if item[7] == 1 %}
+										<p>订单状态：已完成</p>
+									{% elif item[7] == 0 %}
+										<p>订单状态：<span style="color: red;">未完成</span></p>
+									{% endif %}
+                                    <p style="margin-left: 322px;">订单总价格：<span class="price cursive-font">￥{{ item[13] }}</span></p>
+                                    <form action="{{ url_for('CommentFormPage') }}" method="POST">
+										<input name="orderID" value={{ item[0] }} style="display: none;">
+                                        {% if item[7] == 1 %}
+                                            <input type="submit" name="action" value="写评论" style="margin: 15px; font-size: 16px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
+                                        {% endif %}
+                                    </form>
+                                    <br/>
+								</div>
+							</div>
+						{% endfor %}
+					
+					{% elif messages == "none" %}
+						<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+						<div class="alert alert-danger" role="alert">您还没有可评价订单哦！</div>
+					{% endif %}
+					
+				</div>				
+
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/adminCommentList.html

@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>管理员界面</title>
+	<link rel="stylesheet" href="static/css/OrderPage.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+	<style>
+		@font-face {
+			font-family: 'iconfont';  /* project id 1548416 */
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot');
+			src: url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.eot?#iefix') format('embedded-opentype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff2') format('woff2'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.woff') format('woff'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.ttf') format('truetype'),
+			url('//at.alicdn.com/t/font_1548416_0wf6swchkdhr.svg#iconfont') format('svg');
+		}
+		.iconfont{
+			font-family:"iconfont" !important;
+			font-size:16px;font-style:normal;
+			-webkit-font-smoothing: antialiased;
+			-webkit-text-stroke-width: 0.2px;
+			-moz-osx-font-smoothing: grayscale;
+		}
+	</style>
+
+</head>
+
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="adminCommentList">评价列表 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li><a href="adminRestList">商家列表</a></li>
+						<li><a href="index">退出登录</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+	</nav>
+	</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<!-- 文字 -->
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<p style="font-size: 40px; color: #FBB448; font-family: Helvetica;">评价</p>
+					<!-- <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p> -->
+				</div>
+			</div>
+			<div class="selectcondition" style="position:relative;">
+				<form action="{{ url_for('adminCommentPage') }}" method="post">
+					<input type="submit" name="action" value="按评分升序排列" style="color: white; font-size: 16px; outline:none; border:0px; background-color: #FBB448; border-radius: 10px;">
+				</form>
+			</div>
+			<br/><br/>
+			<!-- 展示我的全部订单 -->
+			<div class="row">
+				{% if messages == "done" %}
+					{% for item in result %}
+					<div class="col-lg-6 col-md-6 col-sm-6">
+						<!-- <div class="fh5co-card-item"> -->
+						<div class="fh5co-card-item">
+							<figure class="col-lg-12" style="float: left; position: relative;">
+								<div class="overlay"></div>
+								<img src={{item[8]}} alt="Image" class="img-responsive">
+							</figure>
+							<div class="fh5co-text" style="float: left ;padding: 20px; text-align: left;">
+								<!-- <h2 style="margin-top: 40px;">  </h2> -->
+								<h3 class="cursive-font primary-color">{{ item[1] }}</h3>
+								<p>订单号：{{ item[0] }}</p>
+								<p>菜品：{{ item[2] }}</p>
+								<h4 class="cursive-font primary-color">￥{{ item[13]}}</h4>
+								<p style="font-size: 18px;">
+									<!-- var score = {{ item[11] }}	 -->
+									{% if item[11] == 5 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 4 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 3 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 2 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 1 %}
+									评分：<i class="iconfont" style="color: yellow;">&#xf0d5;</i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% elif item[11] == 0 %}
+									评分：<i class="iconfont" style="color: yellow;"></i><i class="iconfont" style="color: rgb(155, 155, 139);">&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;&#xf0d5;</i> {{ item[11] }}
+									{% endif %}
+								</p>
+									<p style="font-size: 18px; width: 500px;">评价：{{ item[10] }}</p>
+							</div>
+
+							<!-- <div class="fh5co-text" style="padding: 20px; float: left; margin-left: 100px;">
+								<i class="ti-quote-left" style="font-size: 20px;"></i>
+							</div> -->
+							<!-- <div class="fh5co-text" style="padding: 20px; float: left; text-align: left;">
+								
+							</div> -->
+							<!-- <div class="fh5co-text" style="padding: 20px; float: right; margin-right: 20px;">
+								<i class="ti-quote-right" style="font-size: 20px;"></i>
+							</div> -->
+						</div>
+					</div>
+					{% endfor %}
+
+				{% elif messages == "none" %}
+					<!-- <p style="text-align: center;"><strong style="font-size: 18px;">您还没有订单哦！</strong></p> -->
+					<div class="alert alert-danger" role="alert">暂无评价！</div>
+				{% endif %}
+				
+			</div>
+		</div>
+	</div>
+	<div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>

src/templates/adminRestList.html

@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+    <title>管理员界面</title>
+    <!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+	<!-- Theme style  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+	<script src="static/js/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+	<div class="gtco-loader"></div>
+
+	<div id="page">
+		<div class="navbkg" >
+			<nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+				<div class="gtco-container">
+					<div class="row">
+						<div class="col-sm-4 col-xs-12">
+							<div id="gtco-logo"><a href="adminRestList">商家列表 <em>.</em></a></div>
+                		</div>
+						<div class="col-xs-8 text-right menu-1">
+							<ul>
+								<li><a href="adminCommentList">查看评论</a></li>
+								<li><a href="index">退出登录</a></li>
+                    		</ul>
+                		</div>
+            		</div>
+        		</div>
+			</nav>
+		</div>
+
+	<div class="gtco-section">
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+					<h2 class="cursive-font primary-color">Restaurant List</h2>
+					<p>查看评论后可移除恶意营销商家</p>
+				</div>
+			</div>
+			<div class="row">
+				{% if messages == "done" %}
+					{% for item in result %}
+						<div class="col-lg-6 col-md-6 col-sm-6">
+							<div class="fh5co-card-item">
+								<a href="{{ item[4] }}" class="fh5co-card-item image-popup">
+								<figure>
+									<div class="overlay"><i class="ti-plus"></i></div>
+									<img src="{{ item[4] }}" alt="Image" class="img-responsive">
+								</figure>
+								</a>
+								<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+									<h2 class="cursive-font primary-color">{{ item[0] }}</h2>
+									<h3 class="cursive-font primary-color">ADDRESS：{{ item[2] }}</h3>
+									<h3 class="cursive-font primary-color">PHONE：{{ item[3] }}</h3>
+								</div>
+								<form action="{{ url_for('adminRestListPage') }}" method="post">
+									<input name="RESTName" value="{{ item[0] }}" style="display: none;">
+									<input type="submit" name="action" value="移除" style="margin: 8px; font-size: 20px; float: right; color: #FBB448; background-color: white; font-size: 16px; outline:none; border: 1px solid #FBB448; border-radius: 10px;">
+								</form>
+							</div>
+						</div>
+						{% endfor %}
+				{% elif messages == "none" %}
+					<div class="alert alert-danger" role="alert">暂无商家</div>
+				{% elif messages == "delete" %}
+					<script>alert("移除成功！")</script>
+					<script type='text/javascript'>window.location.href='adminRestList'</script>
+				{% endif %}
+
+
+			</div>
+
+		</div>
+	</div>
+	</div>
+
+	<footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row row-pb-md">
+
+				<div class="col-md-12 text-center">
+					<div class="gtco-widget">
+						<h3>社区分享</h3>
+						<ul class="gtco-social-icons">
+							<li><a href="#"><i class="icon-twitter"></i></a></li>
+							<li><a href="#"><i class="icon-facebook"></i></a></li>
+							<li><a href="#"><i class="icon-linkedin"></i></a></li>
+							<li><a href="#"><i class="icon-dribbble"></i></a></li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="col-md-12 text-center copyright">
+					<p><big class="block">&copy; 2020 数据库课程设计 天津大学.</big>
+				</div>
+
+			</div>
+
+		</div>
+	</footer>
+
+	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+
+</html>

src/templates/index.html

@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+    <title>首页</title>
+    <!-- <link rel="stylesheet" href="static/css/test.css" type="text/css"> -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/test.css') }}">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+	<!-- Theme style  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+	<script src="static/js/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+	<div class="gtco-loader"></div>
+	
+	<div id="page">
+
+	
+	<!-- <div class="page-inner"> -->
+	<nav class="gtco-nav" role="navigation">
+		<div class="gtco-container">
+			
+			<div class="row">
+				<div class="col-sm-4 col-xs-12">
+					<div id="gtco-logo"><a href="index">首页 <em>.</em></a></div>
+				</div>
+				<div class="col-xs-8 text-right menu-1">
+					<ul>
+<!--						<li><a href="personal">个人中心</a></li>-->
+						<li class="btn-cta"><a href="logIn"><span>登录</span></a></li>
+						<li class="btn-cta"><a href="register"><span>注册</span></a></li>
+					</ul>	
+				</div>
+			</div>
+			
+		</div>
+	</nav>
+
+	<header id="gtco-header" class="gtco-cover gtco-cover-md" role="banner" style="background-image: url('static/images/img_bg_1.jpg')" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row">
+				<div class="col-md-12 col-md-offset-0 text-left">
+
+
+					<div class="row row-mt-15em">
+						<div class="col-md-12 mt-text animate-box" data-animate-effect="fadeInUp">
+							<h1 class="cursive-font">在这里每天发现新美食！</h1>
+						</div>
+
+					</div>
+
+				</div>
+			</div>
+		</div>
+	</header>
+
+
+	<footer id="gtco-footer" role="contentinfo" style="background-image: url(static/images/img_bg_1.jpg)" data-stellar-background-ratio="0.5">
+		<div class="overlay"></div>
+		<div class="gtco-container">
+			<div class="row row-pb-md">
+
+				<div class="col-md-12 text-center">
+					<div class="gtco-widget">
+						<h3>社区分享</h3>
+						<ul class="gtco-social-icons">
+							<li><a href="#"><i class="icon-twitter"></i></a></li>
+							<li><a href="#"><i class="icon-facebook"></i></a></li>
+							<li><a href="#"><i class="icon-linkedin"></i></a></li>
+							<li><a href="#"><i class="icon-dribbble"></i></a></li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="col-md-12 text-center copyright">
+					<p><big class="block">&copy; 啦啦啦啦啦.</big>
+				</div>
+
+			</div>
+
+		</div>
+	</footer>
+
+	</div>
+
+	<div class="gototop js-top">
+		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
+	</div>
+
+	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+
+</html>

src/templates/myOrder.html

@@ -0,0 +1,295 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<!--HTML4.01-->
+	<!-- <meta htt-equiv='Content-Type' content='text/html'  charset="UTF-8"> -->
+	<!--HTML5-->
+	<meta charset="UTF-8" />
+	<meta name='viewport' content="width=device-width,initial-scale=1,user-scalable=no" />
+	<title>我的购物车</title>
+	<link href="static/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<div class='main'>
+		<div class="site-nav">
+			<div class="nav">
+				<ul class="nav-left">
+					<li><a class='nav-hangon'>购物车</a></li>
+				</ul>
+				<ul class="nav-right">
+
+
+					<li class='nav_sellCenter'>
+						<a href="personal" class='nav-sellCenter'>个人中心</a>
+						<ul class="nav-myTao-nav">
+							<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+							<li><a href="ModifyPassword">修改密码</a></li>
+							<li><a href="OrderPage">我的订单</a></li>
+							<li><a href="MyComments">我的评价</a></li>
+							<li><a href="WriteComments">发表评价</a></li>
+						</ul>
+					</li>
+					<li><a href="UserRestList" class='nav-index'>商家列表</a></li>
+					<li><a href="index" class='nav-index'>退出登录</a></li>
+
+				</ul>
+			</div>
+		</div>
+		<div class="container">
+			<div class="header">
+				<div class="header-search">
+					<input type="text" placeholder="请输入内容" class='header-search-input' autocomplete="off"><!--
+					--><button type='submit'>搜 索</button>
+					<div class="list">
+					</div>
+				</div>
+			</div>
+			<div class="content">
+				<div class="tbBar">
+					<ul class = 'switch-cart'>
+						<li class='btn-switch-cart switch-cart-0 selectColumn'>
+							<a href="#" class='btn-switch-href '>
+								<em>全部商品</em>
+								<span class='number'>2</span>
+								<span class='pipe'></span>
+							</a>
+						</li>
+					</ul>
+					<div class="cart-sum">
+						<span>已选商品（不含运费）</span>
+						<strong class='price'>￥<!--
+							--><span class='total-symbol'>0.00</span>
+						</strong>
+						<button onclick="confirm()" class="submit-btn btn-common">结算</button>
+					</div>
+					<div class="wrap-line">
+					</div>
+				</div>
+				<div class="tbMain">
+					<div class="commodityColumn">
+						<div class="th-chk">
+							<div id="selectAll" class="selectAll ">
+								<input type="checkbox" name="selectAllChckbox" id='selectAllChckbox' class='allSelected1' autocomplete="off">
+								<label for="selectAllChckbox">全选</label>
+							</div>
+						</div>
+						<div class="th-inner">
+							<div class="commodityMsg">
+								<div>商品信息</div>
+							</div>
+						</div>
+						<div class="th-space">
+							<div class="td-inner">&nbsp;</div>
+						</div>
+						<div class="th-price">
+							<div class="td-inner">单价</div>
+						</div>
+						<div class="th-amount">
+							<div class="td-inner">数量</div>
+						</div>
+						<div class="th-sum">
+							<div class="td-inner">金额</div>
+						</div>
+						<div class="th-operation">
+							<div class="td-inner">操作</div>
+						</div>
+					</div>
+					<div class='commodityContainer'>
+
+						{% if messages == "done" %}
+		                    {% for item in result %}
+						<div class="mainCommodity">
+							<div class="commodityInfo">
+								<ul>
+									<li class='td-chk'>
+										<div class="td-inner">
+											<input type="checkbox" name='checkbox' autocomplete="off" >
+										</div>
+									</li>
+									<li class='td-item'>
+										<div class="td-inner">
+											<a href="{{item[4]}}"  class='res'>
+											</a>
+											<div class="item-info">
+												<div class="item-basis-info">
+													<a>{{ item[2] }}</a>
+												</div>
+												<div class="item-other-info">
+													<div class="item-other-space"></div>
+													<div class="item-other-list">
+														<a href="#" title='支持信用卡支付'>
+															<div class="bandCard"></div>
+														</a>
+														<a href="#" title='消费者保障服务'>
+															<div class="guarantee"></div>
+														</a>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+									<li class='td-info'>
+										<div class="td-info-msg">
+											<p>店铺：{{ item[1] }}</p>
+										</div>
+									</li>
+									<li class='td-price'>
+										<div class="td-inner">
+											<p class='discount'>￥{{ item[3] }}</p>
+										</div>
+									</li>
+									<li class='td-amount'>
+										<div class="item-amount">
+											<a href="#" class='amount-left amount-color'>-</a>
+											<input type="text" name='amountNum' value='1' autocomplete="off">
+											<a href="#" class="amount-right">+</a>
+										</div>
+										<div class="stock">
+											574
+										</div>
+										<div class="outNum">
+											<span class="instr">最多只能购买</span>
+											<span class='stockNum'></span><!--
+											--><em>件</em>
+										</div>
+
+		 							</li>
+									<li class='td-sum'>
+										<em>￥</em><!--
+										--><span>{{ item[3] }}</span>
+									</li>
+									<li class='td-operation'>
+										<p><a href="#" class='delete'>删除</a></p>
+									</li>
+								</ul>
+							</div>
+						</div>
+						{% endfor %}
+						{% endif %}
+
+						<div class="mainCommodity">
+							<div class="commodityInfo">
+								<ul>
+									<li class='td-chk'>
+										<div class="td-inner">
+											<input type="checkbox" name='checkbox' autocomplete="off">
+										</div>
+									</li>
+									<li class='td-item'>
+										<div class="td-inner">
+											<div class="item-info">
+												<div class="item-basis-info">
+													<a href="#">
+														Braised beef noodle
+													</a>
+												</div>
+												<div class="item-other-info">
+													<div class="item-other-space"></div>
+													<div class="item-other-list">
+														<a href="#" title='支持信用卡支付'>
+															<div class="bandCard"></div>
+														</a>
+														<a href="#" title='消费者保障服务'>
+															<div class="guarantee"></div>
+														</a>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+									<li class='td-info'>
+										<div class="td-info-msg">
+
+										</div>
+									</li>
+
+
+
+
+									</li>
+									<li class='td-amount'>
+										<div class="item-amount">
+											<a href="#" class='amount-left amount-color'>-</a>
+											<input type="text" name='amountNum' value='1' autocomplete="off">
+											<a href="#" class="amount-right">+</a>
+										</div>
+										<div class="stock">
+											915
+										</div>
+										<div class="outNum">
+											<span class="instr">最多只能购买</span>
+											<span class='stockNum'></span>
+											<em>件</em>
+										</div>
+		 							</li>
+									<li class='td-sum'>
+										<em>￥</em><!--
+										--><span>18.00</span>
+									</li>
+									<li class='td-operation'>
+										<p><a href="#" class='delete'>删除</a></p>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="col-md-12" style="font-size: 14px; float: right;">
+				<label for="activities">选择就餐方式</label><span style="margin-left: 30px; font-size: 14px;"></span>
+				<input type="radio" name="mode" value="1" />堂食
+				<input type="radio" name="mode" value="0" />外卖
+				<br>
+			</div>
+			<div class="footer">
+				<div class="all-selected">
+					<input type="checkbox" name='all-selected' id='all-selected' class='allSelected2' autocomplete="off">
+					<label for="all-selected">全选</label>
+				</div>
+				<div class="operation">
+					<a href="#" class='delete'>删除</a>
+				</div>
+				<div class="float-bar-right">
+					<div class="amount-sum">
+						<span>已选商品</span>
+						<em class='totalSum'>0</em>
+						<span>件</span>
+					</div>
+					<div class="price-sum">
+						<span>合计（不含运费）：</span>
+						<span class='moneySym'>￥</span><!--
+						--><em class='total-sum'>0.00</em>
+					</div>
+					<div class="btn-area">
+						<!-- <a href="#" class='btn-common' id='btn-sum'>结 算</a> -->
+							<!-- <a onclick="confirm()" class="btn-common" id='btn-sum'>结  算</a> -->
+						<input type="submit" name="action" value="结算" class='btn-common' id='btn-sum' onclick="confirm()" style="border: none; width: 90px; height: 52px; color: white; font-size: 18px;">
+					</div>
+
+				</div>
+			</div>
+		</div>
+
+	</div>
+	<script src='static/js/jquery-2.2.1.min.js'></script>
+	<script src='static/js/template.js'></script>
+	<script id='delete' type='text/html'>
+		<div class="undo-wrapper">
+			<div class="deleteCom">
+				<p>
+					成功删除
+					<em>1</em>
+					件宝贝，如果无，可
+					<a href="#" class='turnBack'>撤销本次删除</a>
+				</p>
+			</div>
+		</div>
+	</script>
+	<script>
+		function confirm() {
+			alert('提交订单成功!');
+		}
+	</script>
+	<script src='static/js/myOrder.js'></script>
+</body>
+</html>

src/templates/personal.html

@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人中心</title>
+    <link rel="stylesheet" href="static/css/personal.css">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="static/js/modernizr-2.6.2.min.js"></script>
+
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/icomoon.css') }}">
+	<!-- Themify Icons-->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/themify-icons.css') }}">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}">
+	<!-- Bootstrap DateTimePicker -->
+	<link rel="stylesheet" href="static/css/bootstrap-datetimepicker.min.css">
+	<!-- Owl Carousel  -->
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.min.css') }}">
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.default.min.css') }}">
+
+</head>
+<body>
+	<div class="navbkg" >
+    <nav class="gtco-nav" role="navigation" style="background-color: rgba(0, 0, 0, 0.8);">
+        <div class="gtco-container">
+            <div class="row">
+                <div class="col-sm-4 col-xs-12">
+                    <div id="gtco-logo"><a href="index.html">个人中心 <em>.</em></a></div>
+                </div>
+                <div class="col-xs-8 text-right menu-1">
+                    <ul>
+                        <li class="has-dropdown">
+                            <a href="personal">个人中心</a>
+                            <ul class="dropdown">
+								<li><a href="ModifyPersonalInfo">修改个人信息</a></li>
+								<li><a href="ModifyPassword">修改密码</a></li>
+                                <li><a href="OrderPage">我的订单</a></li>
+                                <li><a href="MyComments">我的评价</a></li>
+                                <li><a href="WriteComments">发表评价</a></li>
+                            </ul>
+						</li>
+						<li><a href="UserRestList">商家列表</a></li>
+						<li><a href="index">返回首页</a></li>
+                    </ul>	
+                </div>
+            </div>
+        </div>
+	</nav>  
+	</div>
+
+	<div id="gtco-features">
+	<div class="gtco-container">
+	<div class="row" style="margin-top: 70px; background-color: #FBB448;">
+		<div class="col-md-4 col-sm-6" >
+			<div class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-settings"></i>
+				</span>
+				<a href="ModifyPersonalInfo" style="text-decoration: none;"><h3>修改个人信息</h3></a>
+				<p>Modify personal information</p>
+			</div>
+		</div>
+		<div class="col-md-4 col-sm-6">
+			<div class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-lock"></i>
+				</span>
+				<a href="ModifyPassword" style="text-decoration: none;"><h3>修改密码</h3></a>
+				<p>Modify my password</p>
+			</div>
+		</div>
+		<div class="col-md-4 col-sm-6">
+			<div class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-receipt"></i>
+				</span>
+				<a href="OrderPage" style="text-decoration: none;"><h3>我的订单</h3></a>
+				<p>My orders</p>
+			</div>
+		</div>
+		<div class="col-md-4 col-sm-6">
+			<div class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-comment-alt"></i>
+				</span>
+				<a href="MyComments" style="text-decoration: none;"><h3>我的评价</h3></a>
+				<p>My review</p>
+			</div>
+		</div>
+		<div class="col-md-4 col-sm-6">
+			<div class="feature-center animate-box" data-animate-effect="fadeIn">
+				<span class="icon">
+					<i class="ti-pencil-alt"></i>
+				</span>
+				<a href="WriteComments" style="text-decoration: none;"><h3>发表评价</h3></a>
+				<p>Post a review</p>
+			</div>
+		</div>
+	</div>
+	</div>
+	</div>
+
+
+    	<!-- jQuery -->
+	<script src="static/js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="static/js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="static/js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="static/js/jquery.waypoints.min.js"></script>
+	<!-- Carousel -->
+	<script src="static/js/owl.carousel.min.js"></script>
+	<!-- countTo -->
+	<script src="static/js/jquery.countTo.js"></script>
+
+	<!-- Stellar Parallax -->
+	<script src="static/js/jquery.stellar.min.js"></script>
+
+	<!-- Magnific Popup -->
+	<script src="static/js/jquery.magnific-popup.min.js"></script>
+	<script src="static/js/magnific-popup-options.js"></script>
+	
+	<script src="static/js/moment.min.js"></script>
+	<script src="static/js/bootstrap-datetimepicker.min.js"></script>
+
+
+	<!-- Main -->
+	<script src="static/js/main.js"></script>
+</body>
+</html>